mirror of
https://github.com/zvx-echo6/meshai.git
synced 2026-06-11 09:24:44 +02:00
fix: Layout.tsx — logo container bg, Carbon nav colors, remove stale blue active states
This commit is contained in:
parent
e181d0c126
commit
bce11b2196
5 changed files with 16 additions and 18 deletions
|
|
@ -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>
|
||||
)
|
||||
|
|
|
|||
1
meshai/dashboard/static/assets/index-BOveD3kO.css
Normal file
1
meshai/dashboard/static/assets/index-BOveD3kO.css
Normal file
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -8,8 +8,8 @@
|
|||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<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">
|
||||
<script type="module" crossorigin src="/assets/index-DkxrleE7.js"></script>
|
||||
<link rel="stylesheet" crossorigin href="/assets/index-BszU0hAZ.css">
|
||||
<script type="module" crossorigin src="/assets/index-BT0Sg4ip.js"></script>
|
||||
<link rel="stylesheet" crossorigin href="/assets/index-BOveD3kO.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="root"></div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue