31 lines
944 B
TypeScript
31 lines
944 B
TypeScript
import { Navbar } from "~/components/layout/navbar";
|
|
import { Sidebar } from "~/components/layout/sidebar";
|
|
import { DashboardBreadcrumbs } from "~/components/navigation/dashboard-breadcrumbs";
|
|
|
|
export default function DashboardLayout({
|
|
children,
|
|
}: {
|
|
children: React.ReactNode;
|
|
}) {
|
|
return (
|
|
<div className="bg-dashboard relative min-h-screen">
|
|
<Navbar />
|
|
<Sidebar />
|
|
{/* Mobile layout - no left margin */}
|
|
<main className="relative z-10 min-h-screen pt-16 md:hidden">
|
|
<div className="bg-background px-4 pt-4 pb-6 sm:px-6">
|
|
<DashboardBreadcrumbs />
|
|
{children}
|
|
</div>
|
|
</main>
|
|
{/* Desktop layout - with sidebar margin */}
|
|
<main className="relative z-10 hidden min-h-screen pt-16 md:ml-64 md:block">
|
|
<div className="bg-background px-6 pt-6 pb-6">
|
|
<DashboardBreadcrumbs />
|
|
{children}
|
|
</div>
|
|
</main>
|
|
</div>
|
|
);
|
|
}
|