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

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

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

1
meshai/dashboard/static/assets/index-BOveD3kO.css Normal file
View file

File diff suppressed because one or more lines are too long

2
meshai/dashboard/static/assets/index-DkxrleE7.js → meshai/dashboard/static/assets/index-BT0Sg4ip.js
View file

File diff suppressed because one or more lines are too long

1
meshai/dashboard/static/assets/index-BszU0hAZ.css
View file

File diff suppressed because one or more lines are too long

4
meshai/dashboard/static/index.html
View file

@ -8,8 +8,8 @@
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
<script type="module" crossorigin src="/assets/index-DkxrleE7.js"></script> <script type="module" crossorigin src="/assets/index-BT0Sg4ip.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-BszU0hAZ.css"> <link rel="stylesheet" crossorigin href="/assets/index-BOveD3kO.css">
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>