platform/lms-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: center studio warning and course materials modals

Browse Source
This commit is contained in:
chyoo
2026-09-28 08:57:50 +09:00
parent 656b1bf62b
commit 4125f71792
2 changed files with 2 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/src/App.tsx
+1 -8
View File
@@ -5000,12 +5000,6 @@ export default function App(): React.JSX.Element {
? 'absolute inset-0' ? 'absolute inset-0'
: ['fixed bottom-0 right-0 top-[38px]', sidebarCollapsed ? 'left-[68px]' : 'left-[240px]'].join(' ') : ['fixed bottom-0 right-0 top-[38px]', sidebarCollapsed ? 'left-[68px]' : 'left-[240px]'].join(' ')
].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 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 canReleaseConnectedPlatform = connectedPlatform?.control?.status === 'ACTIVE'
const controlWarningMatchesConnectedPlatform = Boolean( const controlWarningMatchesConnectedPlatform = Boolean(
@@ -6064,7 +6058,6 @@ export default function App(): React.JSX.Element {
{materialModalOpen && ( {materialModalOpen && (
<MaterialsModal <MaterialsModal
sidebarCollapsed={sidebarCollapsed}
week={selectedWeek} week={selectedWeek}
resources={selectedWeekDownloadResources} resources={selectedWeekDownloadResources}
downloadingResourceIds={materialDownloadingResourceIds} downloadingResourceIds={materialDownloadingResourceIds}
@@ -6195,7 +6188,7 @@ export default function App(): React.JSX.Element {
)} )}
{weekSwitchBlockedOpen && ( {weekSwitchBlockedOpen && (
<WeekSwitchBlockedModal <WeekSwitchBlockedModal
overlayClassName={workspaceOnlyModalOverlayClass} overlayClassName={fullAppModalOverlayClass}
dark={appModalDark} dark={appModalDark}
runningLabel={runningWorkspaceWeek ? `${runningWorkspaceWeek.week}주차 ${runningWorkspaceWeek.title}` : '실행 중인 주차'} runningLabel={runningWorkspaceWeek ? `${runningWorkspaceWeek.week}주차 ${runningWorkspaceWeek.title}` : '실행 중인 주차'}
nextLabel={selectedWeekState ? `${selectedWeekState.week}주차 ${selectedWeekState.title}` : '선택한 주차'} nextLabel={selectedWeekState ? `${selectedWeekState.week}주차 ${selectedWeekState.title}` : '선택한 주차'}
src/renderer/src/features/curriculum/MaterialsModal.tsx
+1 -6
View File
@@ -9,7 +9,6 @@ type DownloadResource = {
} }
type MaterialsModalProps<Resource extends DownloadResource> = { type MaterialsModalProps<Resource extends DownloadResource> = {
sidebarCollapsed: boolean
week: { week: {
week: number week: number
title: string title: string
@@ -22,7 +21,6 @@ type MaterialsModalProps<Resource extends DownloadResource> = {
} }
export default function MaterialsModal<Resource extends DownloadResource>({ export default function MaterialsModal<Resource extends DownloadResource>({
sidebarCollapsed,
week, week,
resources, resources,
downloadingResourceIds, downloadingResourceIds,
@@ -32,10 +30,7 @@ export default function MaterialsModal<Resource extends DownloadResource>({
}: MaterialsModalProps<Resource>): React.JSX.Element { }: MaterialsModalProps<Resource>): React.JSX.Element {
return ( return (
<div <div
className={[ className="fixed bottom-0 left-0 right-0 top-[38px] z-[70] grid place-items-center bg-[#080a10]/40 p-6 backdrop-blur-[3px]"
'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(' ')}
> >
<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)]"> <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"> <header className="flex items-start justify-between gap-4 border-b border-[#e5e8ef] px-6 pb-4 pt-5">