[CLAUDE] FE-Admin+FE-User: brand-accent polish x2 app - stripe dinh app + logo zone tint + PageHeader accent bar + thead brand (S58, anh yeu cau trang tri ro hon)
Some checks failed
Deploy SOLUTION_ERP / build-deploy (push) Has been cancelled
Some checks failed
Deploy SOLUTION_ERP / build-deploy (push) Has been cancelled
This commit is contained in:
@ -257,12 +257,16 @@ export function Layout() {
|
||||
const { menu } = useAuth()
|
||||
|
||||
return (
|
||||
<div className="flex h-screen">
|
||||
// Brand stripe — dải nhận diện #1F7DC1 đỉnh app (mirror fe-user S58,
|
||||
// anh yêu cầu "trang trí lên 1 tý"; guide accent sparing).
|
||||
<div className="flex h-screen flex-col">
|
||||
<div className="h-1 shrink-0 bg-gradient-to-r from-brand-700 via-brand-500 to-brand-600" />
|
||||
<div className="flex min-h-0 flex-1">
|
||||
<aside className="flex w-72 flex-col border-r border-slate-200 bg-white xl:w-80">
|
||||
<div className="flex h-16 items-center border-b border-slate-200 px-5">
|
||||
<div className="flex h-16 items-center border-b border-brand-100 bg-gradient-to-b from-brand-50/70 to-transparent px-5">
|
||||
<Link to="/dashboard" className="flex items-center gap-2.5">
|
||||
<img src="/logo.png" alt="Solutions" className="h-8 w-auto" />
|
||||
<span className="text-[11px] font-semibold uppercase tracking-wider text-slate-400">Admin</span>
|
||||
<span className="text-[11px] font-semibold uppercase tracking-wider text-brand-600/80">Admin</span>
|
||||
</Link>
|
||||
</div>
|
||||
<nav className="flex-1 space-y-1 overflow-y-auto p-3">
|
||||
@ -277,6 +281,7 @@ export function Layout() {
|
||||
<Outlet />
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user