nbnloper / edupay-admin star
Forked from ldu0009 / edupay-admin
임동욱 임동욱 08-10
fix: 사이드바 구분선이 전체 높이로 그려지도록 수정 
Co-Authored-By: Claude Opus 5
@653386af50c836278648f682da97858855ad2923
c3e89f7
653386a
app/(protected)/(basic)/_components/admin-shell.tsx
--- app/(protected)/(basic)/_components/admin-shell.tsx
+++ app/(protected)/(basic)/_components/admin-shell.tsx
@@ -24,11 +24,19 @@
 
         onToggleSidebarCollapse={sidebar.toggleDesktopCollapse}
 
       />
 
       <div className="flex flex-1">
 
-        <AdminSidebar
 
-          isMobileOpen={sidebar.isMobileOpen}
 
-          isDesktopCollapsed={sidebar.isDesktopCollapsed}
 
-          onCloseMobile={sidebar.closeMobile}
 
-        />
 
+        {/* Sidebar(components/ui/)는 자기 높이를 h-full(퍼센트)로 채우는데, 바로 위 부모(flex-1로
 
+            산출된 행)의 높이는 flex-grow 결과값이라 CSS 퍼센트-높이 해석의 기준(containing block)이
 
+            되지 못해 h-full이 auto로 무너지고 border-r이 메뉴 항목 높이까지만 그려졌다. 이 wrapper는
 
+            자기 높이를 지정하지 않아(auto) align-items:stretch로 부모 높이를 그대로 받고, 그 stretch로
 
+            정해진 높이는 정의된 값으로 취급되어 h-full이 정상 해석된다 — Sidebar 자체는 수정하지 않음
 
+            (components/ui/ 소관). */}
 
+        <div className="flex">
 
+          <AdminSidebar
 
+            isMobileOpen={sidebar.isMobileOpen}
 
+            isDesktopCollapsed={sidebar.isDesktopCollapsed}
 
+            onCloseMobile={sidebar.closeMobile}
 
+          />
 
+        </div>
 
         <div className="flex flex-1 flex-col">
 
           <main className="flex flex-1 flex-col">{children}</main>
 
           <AdminFooter />
Add a comment
List