matt/meshai
1
0
Fork 0
mirror of https://github.com/zvx-echo6/meshai.git synced 2026-06-11 09:24:44 +02:00
Code Issues Projects Releases Packages Wiki Activity

fix: Layout.tsx — logo container bg, Carbon nav colors, remove stale blue active states

Browse source
This commit is contained in:
Matt Johnson (via Claude) 2026-06-10 19:37:13 +00:00
commit bce11b2196
5 changed files with 16 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

26
dashboard-frontend/src/components/Layout.tsx
View file

@ -93,16 +93,14 @@ export default function Layout({ children }: LayoutProps) {
{/* Sidebar */}
<aside className="w-[220px] flex-shrink-0 bg-bg-card border-r border-border flex flex-col overflow-y-auto">
{/* Logo */}
<div className="p-5 border-b border-border">
<div className="flex flex-col justify-center">
<img
src="/meshai-logo.png"
alt="MeshAI"
className="w-[180px] block -mx-4"
/>
<div className="font-mono text-[10px] text-[#555] mt-1">
v{status?.version || '...'}
</div>
<div className="bg-[#000000] px-4 py-3 border-b border-border flex flex-col items-center">
<img
src="/meshai-logo.png"
alt="MeshAI"
className="w-[190px] block"
/>
<div className="font-mono text-[10px] text-[#555] mt-1 self-start">
v{status?.version || '...'}
</div>
</div>
@ -117,14 +115,14 @@ export default function Layout({ children }: LayoutProps) {
to={item.path}
className={`flex items-center gap-3 px-5 py-3 text-sm font-sans transition-colors relative ${
isActive
? 'text-white'
: 'text-[#777] hover:text-[#888]'
? 'text-white bg-transparent'
: 'text-[#777] hover:text-white hover:bg-bg-hover'
}`}
>
{isActive && (
<div className="absolute right-0 top-0 bottom-0 w-0.5 bg-accent" />
<div className="absolute right-0 top-0 bottom-0 w-[2px] bg-[#f59e0b]" />
)}
<Icon size={18} />
<Icon size={16} />
{item.label}
</Link>
)