29 lines
775 B
TypeScript
29 lines
775 B
TypeScript
import { Outlet } from 'react-router-dom';
|
|
import Sidebar from './Sidebar';
|
|
import Header from './Header';
|
|
import Footer from './Footer';
|
|
import { cn } from '@/lib/utils';
|
|
|
|
export default function Layout() {
|
|
return (
|
|
<div
|
|
className={cn(
|
|
'flex h-screen overflow-hidden',
|
|
'bg-gradient-to-br from-gray-100 via-white to-gray-100',
|
|
'dark:from-gray-950 dark:via-[#0a0a0c] dark:to-gray-950',
|
|
)}
|
|
>
|
|
<Sidebar />
|
|
<div className="flex-1 flex flex-col overflow-hidden min-w-0">
|
|
<Header />
|
|
<main className="flex-1 overflow-y-auto p-6 flex flex-col min-h-0">
|
|
<div className="flex-1 flex flex-col">
|
|
<Outlet />
|
|
</div>
|
|
<Footer />
|
|
</main>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|