31 lines
893 B
TypeScript
31 lines
893 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: React.FC = () => {
|
||
|
|
return (
|
||
|
|
<SidebarProvider
|
||
|
|
style={
|
||
|
|
{
|
||
|
|
"--sidebar-width": "calc(var(--spacing) * 72)",
|
||
|
|
"--header-height": "calc(var(--spacing) * 12)",
|
||
|
|
} as React.CSSProperties
|
||
|
|
}
|
||
|
|
>
|
||
|
|
<AppSidebar variant='inset' />
|
||
|
|
<SidebarInset>
|
||
|
|
<SiteHeader title={"Título"} />
|
||
|
|
|
||
|
|
<div className='flex flex-1 flex-col'>
|
||
|
|
<div className='@container/main flex flex-1 flex-col gap-2'>
|
||
|
|
<div className='flex flex-col gap-4 py-4 md:gap-6 md:py-6'>
|
||
|
|
<Outlet />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</SidebarInset>
|
||
|
|
</SidebarProvider>
|
||
|
|
);
|
||
|
|
};
|