platform/lms-adm-fe release promotion snapshot

src/App.tsx

@@ -237,7 +237,7 @@ function App() {
         </div>
       </InstructorLayout>
       {initialCourseOpen && (
-        <div className="fixed inset-0 z-[100] grid place-items-center bg-[#111827]/35 px-5" role="dialog" aria-modal="true" aria-labelledby="initial-course-title">
+        <div className="fixed inset-x-0 bottom-0 top-[60px] z-30 grid place-items-center bg-[#111827]/35 px-5" role="dialog" aria-modal="true" aria-labelledby="initial-course-title">
           <form
             className="w-full max-w-[400px] rounded-lg border border-[#d9e0ea] bg-white p-6 shadow-[0_22px_70px_rgba(15,23,42,0.22)]"
             onSubmit={(event) => {

src/pages/curriculum/CurriculumPage.tsx

@@ -152,7 +152,6 @@ export function CurriculumPage({ session, selectedCourseId }: { session: AuthSes
   const selectedWeek = useMemo(() => weeks.find((week) => week.week === activeWeek) ?? weeks[0] ?? null, [activeWeek, weeks]);
   const selectedGroup = useMemo(() => groups.find((group) => group.id === selectedGroupId) ?? null, [groups, selectedGroupId]);
   const hasGroups = groups.length > 0;
-  const applyTabDisabled = !hasGroups;
   const selectedWeekCompleted = selectedWeek?.state === 'done';
   const primaryActionDisabled = saving || !selectedWeek || (activeTab === 'apply' && !selectedGroup);
   const selectedTopics = activeTab === 'edit' ? draftTopics : selectedWeek?.topics ?? [];
@@ -740,10 +739,8 @@ export function CurriculumPage({ session, selectedCourseId }: { session: AuthSes
           <div className="inline-flex rounded-lg border border-[#cbd5e1] bg-white p-1 shadow-sm">
             <button
               type="button"
-              disabled={applyTabDisabled}
+              className={`h-8 rounded-md px-4 text-[13px] font-black transition ${activeTab === 'apply' ? 'bg-[#2563eb] text-white shadow-[0_8px_18px_rgba(37,99,235,0.18)]' : 'text-[#475569] hover:bg-[#e2e8f0] hover:text-[#111827]'}`}
-              className={`h-8 rounded-md px-4 text-[13px] font-black transition disabled:cursor-not-allowed disabled:opacity-45 ${activeTab === 'apply' ? 'bg-[#2563eb] text-white shadow-[0_8px_18px_rgba(37,99,235,0.18)]' : 'text-[#475569] hover:bg-[#e2e8f0] hover:text-[#111827]'}`}
               onClick={() => {
-                if (applyTabDisabled) return;
                 setActiveTab('apply');
                 selectProgressWeek();
               }}
@@ -886,17 +883,12 @@ export function CurriculumPage({ session, selectedCourseId }: { session: AuthSes
 	          </div>
 
 	          {activeTab === 'apply' ? (
-              !hasGroups ? (
-                <div className="grid min-h-[360px] place-items-center p-5 text-center">
-                  <div>
-                    <h3 className="text-[16px] font-black text-[#111827]">등록된 그룹이 없습니다</h3>
-                    <p className="mt-2 text-[13px] font-bold leading-relaxed text-[#64748b]">
-                      강의 진행을 적용하려면 먼저 그룹을 생성해 주세요.
-                    </p>
-                  </div>
-                </div>
-              ) : (
 	            <div className="grid gap-4 p-5">
+              {!hasGroups ? (
+                <div className="rounded-md border border-[#dbe3ef] bg-[#f8fafc] px-4 py-3 text-[12px] font-bold text-[#64748b]">
+                  그룹을 생성하면 선택한 학습단계를 수강생에게 적용할 수 있습니다.
+                </div>
+              ) : null}
               <section>
                 <h3 className="text-[15px] font-black text-[#111827]">현재 진행 학습단계</h3>
                 <div className="mt-3 grid gap-2">
@@ -936,7 +928,6 @@ export function CurriculumPage({ session, selectedCourseId }: { session: AuthSes
                 </div>
 	              </section>
 	            </div>
-              )
           ) : activeTab === 'modules' ? (
           <div className="grid gap-4 p-5">
             {editableEnvironmentProfiles.length > 0 ? (