26 lines
850 B
TypeScript
26 lines
850 B
TypeScript
import Sidebar from '@/components/Sidebar'
|
|
|
|
export default function DashboardLayout({ children }: { children: React.ReactNode }) {
|
|
return (
|
|
<div className="flex min-h-screen" style={{ background: 'var(--bg-base)', color: 'var(--text-high)' }}>
|
|
<Sidebar />
|
|
<main className="flex-1 overflow-auto relative">
|
|
{/* Subtle mesh background */}
|
|
<div
|
|
className="fixed inset-0 pointer-events-none"
|
|
style={{
|
|
background: `
|
|
radial-gradient(ellipse 50% 40% at 70% 15%, rgba(0,196,232,0.04) 0%, transparent 60%),
|
|
radial-gradient(ellipse 40% 50% at 20% 80%, rgba(80,40,200,0.04) 0%, transparent 60%)
|
|
`,
|
|
zIndex: 0,
|
|
}}
|
|
/>
|
|
<div className="relative z-10 p-8">
|
|
{children}
|
|
</div>
|
|
</main>
|
|
</div>
|
|
)
|
|
}
|