38 lines
789 B
JavaScript
38 lines
789 B
JavaScript
"use client";
|
|
|
|
import { AppSidebar } from "@/components/app-sidebar";
|
|
import {
|
|
SidebarInset,
|
|
SidebarProvider,
|
|
SidebarTrigger,
|
|
useSidebar,
|
|
} from "@/components/ui/sidebar";
|
|
|
|
function MainContent({ children }) {
|
|
const { open } = useSidebar();
|
|
|
|
return (
|
|
<div
|
|
className={`p-4 min-h-screen flex justify-center transition-all duration-200 ${
|
|
open ? "w-screen md:w-[80vw]" : "w-screen"
|
|
}`}
|
|
>
|
|
{children}
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default function Layout({ children }) {
|
|
return (
|
|
<SidebarProvider>
|
|
<div className="flex">
|
|
<AppSidebar />
|
|
<SidebarInset>
|
|
<SidebarTrigger className="-ml-1 text-black" />
|
|
<MainContent>{children}</MainContent>
|
|
</SidebarInset>
|
|
</div>
|
|
</SidebarProvider>
|
|
);
|
|
}
|