style(console): relocate Admin badge directly below ThemeToggle in sidebar header

- Stack ThemeToggle and Admin badge vertically (flex-col items-end gap-1.5)
- Enhance layout hierarchy for ANL Console sidebar header
- Passed all 12 E2E test gates (Exit Code 0)
This commit is contained in:
2026-08-25 16:54:15 +09:00
parent d1213e5c7f
commit cda9c6ea4f
+7 -3
View File
@@ -98,13 +98,17 @@ export default function AdminLayout({ children }: { children: React.ReactNode })
<aside className="w-full md:w-64 md:fixed md:top-0 md:left-0 md:bottom-0 md:h-screen bg-paper border-r border-line flex flex-col shrink-0 z-30 overflow-y-auto">
<div className="p-6 border-b border-line shrink-0">
<div className="flex items-center justify-between">
<div>
<span className="font-bold text-lg text-cobalt tracking-tight">ANL Console</span>
<div className="flex items-center gap-2">
<span className="text-xs bg-cobalt/10 text-cobalt font-medium px-2 py-0.5 rounded">Admin</span>
<p className="text-xs text-ink/60 mt-0.5">Lab Data Management</p>
</div>
<div className="flex flex-col items-end gap-1.5">
<ThemeToggle />
<span className="text-[10px] bg-cobalt/10 text-cobalt font-medium px-1.5 py-0.5 rounded leading-none">
Admin
</span>
</div>
</div>
<p className="text-xs text-ink/60 mt-1">Lab Data Management</p>
</div>
<nav className="p-4 space-y-1.5 flex-1 overflow-y-auto">