30 lines
979 B
TypeScript
30 lines
979 B
TypeScript
import { SidebarInset, SidebarProvider } from "@repo/shadcn-ui/components";
|
|
import { Outlet } from "react-router";
|
|
|
|
import { AppSidebar } from "./app-sidebar.tsx";
|
|
import { SiteHeader } from "./site-header.tsx";
|
|
|
|
export const AppLayout = () => {
|
|
return (
|
|
<SidebarProvider
|
|
style={
|
|
{
|
|
"--sidebar-width": "calc(var(--spacing) * 72)",
|
|
"--header-height": "calc(var(--spacing) * 12)",
|
|
} as React.CSSProperties
|
|
}
|
|
>
|
|
<AppSidebar className="bg-sidebar" variant="inset" />
|
|
{/* Aquí está el MAIN */}
|
|
<SidebarInset className="app-main bg-muted ">
|
|
<SiteHeader />
|
|
<div className="flex flex-1 flex-col">
|
|
<div className="@container/main p-(--content-padding) xl:group-data-[theme-content-layout=centered]/layout:container xl:group-data-[theme-content-layout=centered]/layout:mx-auto">
|
|
<Outlet />
|
|
</div>
|
|
</div>
|
|
</SidebarInset>
|
|
</SidebarProvider>
|
|
);
|
|
};
|