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:
@@ -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">
|
<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="p-6 border-b border-line shrink-0">
|
||||||
<div className="flex items-center justify-between">
|
<div className="flex items-center justify-between">
|
||||||
|
<div>
|
||||||
<span className="font-bold text-lg text-cobalt tracking-tight">ANL Console</span>
|
<span className="font-bold text-lg text-cobalt tracking-tight">ANL Console</span>
|
||||||
<div className="flex items-center gap-2">
|
<p className="text-xs text-ink/60 mt-0.5">Lab Data Management</p>
|
||||||
<span className="text-xs bg-cobalt/10 text-cobalt font-medium px-2 py-0.5 rounded">Admin</span>
|
</div>
|
||||||
|
<div className="flex flex-col items-end gap-1.5">
|
||||||
<ThemeToggle />
|
<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>
|
||||||
</div>
|
</div>
|
||||||
<p className="text-xs text-ink/60 mt-1">Lab Data Management</p>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<nav className="p-4 space-y-1.5 flex-1 overflow-y-auto">
|
<nav className="p-4 space-y-1.5 flex-1 overflow-y-auto">
|
||||||
|
|||||||
Reference in New Issue
Block a user