mirror of
https://github.com/nicotsx/ironmount.git
synced 2025-12-10 12:10:51 +01:00
style: full width design
This commit is contained in:
@@ -38,7 +38,7 @@ export default function Layout({ loaderData }: Route.ComponentProps) {
|
|||||||
<AppSidebar />
|
<AppSidebar />
|
||||||
<GridBackground>
|
<GridBackground>
|
||||||
<header className="bg-card-header border-b border-border/50">
|
<header className="bg-card-header border-b border-border/50">
|
||||||
<div className="flex items-center justify-between py-3 sm:py-4 px-2 sm:px-4 container mx-auto">
|
<div className="flex items-center justify-between py-3 sm:py-4 px-2 sm:px-8 mx-auto">
|
||||||
<div className="flex items-center gap-4">
|
<div className="flex items-center gap-4">
|
||||||
<SidebarTrigger />
|
<SidebarTrigger />
|
||||||
<AppBreadcrumb />
|
<AppBreadcrumb />
|
||||||
@@ -71,7 +71,7 @@ export default function Layout({ loaderData }: Route.ComponentProps) {
|
|||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<main className="flex flex-col pt-4 sm:pt-8 px-2 sm:px-4 pb-4 container mx-auto">
|
<main className="flex flex-col p-2 pt-4 sm:p-8 sm:pt-4 mx-auto">
|
||||||
<Outlet />
|
<Outlet />
|
||||||
</main>
|
</main>
|
||||||
</GridBackground>
|
</GridBackground>
|
||||||
|
|||||||
@@ -124,7 +124,7 @@ function SidebarProvider({
|
|||||||
...style,
|
...style,
|
||||||
} as React.CSSProperties
|
} as React.CSSProperties
|
||||||
}
|
}
|
||||||
className={cn("group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full", className)}
|
className={cn("group/sidebar-wrapper flex min-h-svh w-full", className)}
|
||||||
{...props}
|
{...props}
|
||||||
>
|
>
|
||||||
{children}
|
{children}
|
||||||
|
|||||||
Reference in New Issue
Block a user