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

fix(dashboard): content scroll overflow bug

Browse source
This commit is contained in:
K7ZVX 2026-05-12 16:46:51 +00:00
commit 374fb835c5
4 changed files with 327 additions and 182 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -64,9 +64,9 @@ export default function Layout({ children }: LayoutProps) {
}) })
return ( return (
<div className="flex min-h-screen bg-bg text-slate-200"> <div className="flex h-screen overflow-hidden bg-bg text-slate-200">
{/* Sidebar */} {/* Sidebar */}
<aside className="fixed left-0 top-0 h-screen w-[220px] bg-bg-card border-r border-border flex flex-col"> <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 items-center gap-3">
@ -129,9 +129,9 @@ export default function Layout({ children }: LayoutProps) {
</aside> </aside>
{/* Main content */} {/* Main content */}
<div className="ml-[220px] flex-1 flex flex-col"> <div className="flex-1 flex flex-col overflow-hidden">
{/* Header */} {/* Header */}
<header className="h-14 border-b border-border bg-bg-card flex items-center justify-between px-6"> <header className="h-14 flex-shrink-0 border-b border-border bg-bg-card flex items-center justify-between px-6">
<h1 className="text-lg font-semibold"> <h1 className="text-lg font-semibold">
{getPageTitle(location.pathname)} {getPageTitle(location.pathname)}
</h1> </h1>
@ -155,7 +155,7 @@ export default function Layout({ children }: LayoutProps) {
</header> </header>
{/* Page content */} {/* Page content */}
<main className="flex-1 p-6 overflow-auto">{children}</main> <main className="flex-1 overflow-y-auto p-6">{children}</main>
</div> </div>
</div> </div>
) )

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

File diff suppressed because one or more lines are too long

147
meshai/dashboard/static/assets/index-DnO02g6m.js Normal file
View file

File diff suppressed because one or more lines are too long

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

@ -1,20 +1,17 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="en" class="dark">
<head> <head>
<title>MeshAI Dashboard</title> <meta charset="UTF-8" />
<meta charset="utf-8"> <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> <title>MeshAI Dashboard</title>
<body style="background:#0a0e17;color:#e2e8f0;font-family:system-ui,-apple-system,sans-serif;display:flex;align-items:center;justify-content:center;height:100vh;margin:0"> <link rel="preconnect" href="https://fonts.googleapis.com">
<div style="text-align:center;max-width:600px;padding:2rem"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<h1 style="font-size:2.5rem;margin-bottom:1rem;font-weight:600">MeshAI Dashboard</h1> <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
<p style="color:#64748b;margin-bottom:2rem">Frontend build pending - API is live.</p> <script type="module" crossorigin src="/assets/index-DnO02g6m.js"></script>
<div style="display:flex;gap:1rem;justify-content:center;flex-wrap:wrap"> <link rel="stylesheet" crossorigin href="/assets/index-DdqEB3wX.css">
<a href="/api/status" style="color:#60a5fa;text-decoration:none;padding:0.5rem 1rem;border:1px solid #334155;border-radius:0.5rem">/api/status</a> </head>
<a href="/api/health" style="color:#60a5fa;text-decoration:none;padding:0.5rem 1rem;border:1px solid #334155;border-radius:0.5rem">/api/health</a> <body>
<a href="/api/nodes" style="color:#60a5fa;text-decoration:none;padding:0.5rem 1rem;border:1px solid #334155;border-radius:0.5rem">/api/nodes</a> <div id="root"></div>
<a href="/api/config" style="color:#60a5fa;text-decoration:none;padding:0.5rem 1rem;border:1px solid #334155;border-radius:0.5rem">/api/config</a> </body>
</div>
</div>
</body>
</html> </html>