fix: center studio warning and course materials modals
This commit is contained in:
@@ -5000,12 +5000,6 @@ export default function App(): React.JSX.Element {
|
||||
? 'absolute inset-0'
|
||||
: ['fixed bottom-0 right-0 top-[38px]', sidebarCollapsed ? 'left-[68px]' : 'left-[240px]'].join(' ')
|
||||
].join(' ')
|
||||
const workspaceOnlyModalOverlayClass = [
|
||||
'z-[80] grid place-items-center bg-black/36',
|
||||
localPcLayoutOpen
|
||||
? 'absolute inset-0'
|
||||
: ['fixed bottom-0 right-0 top-[38px]', sidebarCollapsed ? 'left-[68px]' : 'left-[240px]'].join(' ')
|
||||
].join(' ')
|
||||
const fullAppModalOverlayClass = 'fixed bottom-0 left-0 right-0 top-[38px] z-[80] grid place-items-center bg-black/36'
|
||||
const canReleaseConnectedPlatform = connectedPlatform?.control?.status === 'ACTIVE'
|
||||
const controlWarningMatchesConnectedPlatform = Boolean(
|
||||
@@ -6064,7 +6058,6 @@ export default function App(): React.JSX.Element {
|
||||
|
||||
{materialModalOpen && (
|
||||
<MaterialsModal
|
||||
sidebarCollapsed={sidebarCollapsed}
|
||||
week={selectedWeek}
|
||||
resources={selectedWeekDownloadResources}
|
||||
downloadingResourceIds={materialDownloadingResourceIds}
|
||||
@@ -6195,7 +6188,7 @@ export default function App(): React.JSX.Element {
|
||||
)}
|
||||
{weekSwitchBlockedOpen && (
|
||||
<WeekSwitchBlockedModal
|
||||
overlayClassName={workspaceOnlyModalOverlayClass}
|
||||
overlayClassName={fullAppModalOverlayClass}
|
||||
dark={appModalDark}
|
||||
runningLabel={runningWorkspaceWeek ? `${runningWorkspaceWeek.week}주차 ${runningWorkspaceWeek.title}` : '실행 중인 주차'}
|
||||
nextLabel={selectedWeekState ? `${selectedWeekState.week}주차 ${selectedWeekState.title}` : '선택한 주차'}
|
||||
|
||||
@@ -9,7 +9,6 @@ type DownloadResource = {
|
||||
}
|
||||
|
||||
type MaterialsModalProps<Resource extends DownloadResource> = {
|
||||
sidebarCollapsed: boolean
|
||||
week: {
|
||||
week: number
|
||||
title: string
|
||||
@@ -22,7 +21,6 @@ type MaterialsModalProps<Resource extends DownloadResource> = {
|
||||
}
|
||||
|
||||
export default function MaterialsModal<Resource extends DownloadResource>({
|
||||
sidebarCollapsed,
|
||||
week,
|
||||
resources,
|
||||
downloadingResourceIds,
|
||||
@@ -32,10 +30,7 @@ export default function MaterialsModal<Resource extends DownloadResource>({
|
||||
}: MaterialsModalProps<Resource>): React.JSX.Element {
|
||||
return (
|
||||
<div
|
||||
className={[
|
||||
'fixed bottom-0 right-0 top-[38px] z-[70] grid place-items-center bg-[#080a10]/40 p-6 backdrop-blur-[3px]',
|
||||
sidebarCollapsed ? 'left-[68px]' : 'left-[240px]'
|
||||
].join(' ')}
|
||||
className="fixed bottom-0 left-0 right-0 top-[38px] z-[70] grid place-items-center bg-[#080a10]/40 p-6 backdrop-blur-[3px]"
|
||||
>
|
||||
<section className="flex max-h-[620px] w-full max-w-[560px] flex-col overflow-hidden rounded-xl border border-[#dfe3ed] bg-white shadow-[0_28px_80px_rgba(8,10,16,0.30)]">
|
||||
<header className="flex items-start justify-between gap-4 border-b border-[#e5e8ef] px-6 pb-4 pt-5">
|
||||
|
||||
Reference in New Issue
Block a user