feat: MeshAI logo PNG in sidebar, favicon wired

This commit is contained in:
Matt Johnson (via Claude) 2026-06-10 19:32:40 +00:00
commit e181d0c126
10 changed files with 14 additions and 13 deletions

View file

@ -2,7 +2,7 @@
<html lang="en" class="dark"> <html lang="en" class="dark">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" /> <link rel="icon" type="image/png" href="/meshai-icon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>MeshAI Dashboard</title> <title>MeshAI Dashboard</title>
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">

Binary file not shown.

After

Width:  |  Height:  |  Size: 59 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 414 KiB

View file

@ -94,16 +94,17 @@ export default function Layout({ children }: LayoutProps) {
<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="p-5 border-b border-border">
<div className="flex items-center gap-3"> <div className="flex flex-col justify-center">
<div className="w-[3px] h-8 bg-accent flex-shrink-0" /> <img
<div> src="/meshai-logo.png"
<div className="font-sans font-bold text-white text-[15px] leading-tight tracking-tight">MeshAI</div> alt="MeshAI"
<div className="text-xs font-mono text-[#666]"> className="w-[180px] block -mx-4"
/>
<div className="font-mono text-[10px] text-[#555] mt-1">
v{status?.version || '...'} v{status?.version || '...'}
</div> </div>
</div> </div>
</div> </div>
</div>
{/* Navigation */} {/* Navigation */}
<nav className="flex-1 py-4"> <nav className="flex-1 py-4">

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -2,14 +2,14 @@
<html lang="en" class="dark"> <html lang="en" class="dark">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" /> <link rel="icon" type="image/png" href="/meshai-icon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>MeshAI Dashboard</title> <title>MeshAI Dashboard</title>
<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-ChPg5oDu.js"></script> <script type="module" crossorigin src="/assets/index-DkxrleE7.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-UYhE7jnf.css"> <link rel="stylesheet" crossorigin href="/assets/index-BszU0hAZ.css">
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>

Binary file not shown.

After

Width:  |  Height:  |  Size: 59 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 414 KiB