1a0441a006
Restyle the entire web dashboard with an electric blue theme featuring glassmorphism cards, smooth animations, and the ZeroClaw logo. Remove duplicate Vite dev server infrastructure to ensure a single gateway. - Add electric blue color palette and glassmorphism styling system - Add 10+ keyframe animations (fade, slide, pulse-glow, shimmer, float) - Restyle all 10 pages with glass cards and electric components - Add ZeroClaw logo to sidebar, pairing screen, and favicon - Remove Vite dev/preview scripts and proxy config (build-only now) - Update pairing dialog with ambient glow and animated elements Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
23 lines
659 B
TypeScript
23 lines
659 B
TypeScript
import { Outlet } from 'react-router-dom';
|
|
import Sidebar from '@/components/layout/Sidebar';
|
|
import Header from '@/components/layout/Header';
|
|
|
|
export default function Layout() {
|
|
return (
|
|
<div className="min-h-screen text-white" style={{ background: 'linear-gradient(135deg, #050510 0%, #080818 50%, #050510 100%)' }}>
|
|
{/* Fixed sidebar */}
|
|
<Sidebar />
|
|
|
|
{/* Main area offset by sidebar width (240px / w-60) */}
|
|
<div className="ml-60 flex flex-col min-h-screen">
|
|
<Header />
|
|
|
|
{/* Page content */}
|
|
<main className="flex-1 overflow-y-auto">
|
|
<Outlet />
|
|
</main>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|