[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

This commit is contained in:
pqhuy1987
2026-06-11 14:10:00 +07:00
parent 6e53e334ca
commit ea793a43fa
8 changed files with 40 additions and 18 deletions

View File

@ -385,12 +385,16 @@ export function Layout() {
return (
<AccordionContext.Provider value={accordionValue}>
<div className="flex h-screen">
{/* Brand stripe — dải nhận diện #1F7DC1 chạy suốt đỉnh app (anh yêu cầu
"trang trí lên 1 tý" 06-11; guide cho accent sparing — đây là 1 chỗ). */}
<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">ERP</span>
<span className="text-[11px] font-semibold uppercase tracking-wider text-brand-600/80">ERP</span>
</Link>
</div>
<nav className="flex-1 space-y-1 overflow-y-auto p-3">
@ -406,6 +410,7 @@ export function Layout() {
<Outlet />
</main>
</div>
</div>
</div>
</AccordionContext.Provider>
)