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 />
|
||||
<GridBackground>
|
||||
<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">
|
||||
<SidebarTrigger />
|
||||
<AppBreadcrumb />
|
||||
@@ -71,7 +71,7 @@ export default function Layout({ loaderData }: Route.ComponentProps) {
|
||||
)}
|
||||
</div>
|
||||
</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 />
|
||||
</main>
|
||||
</GridBackground>
|
||||
|
||||
@@ -124,7 +124,7 @@ function SidebarProvider({
|
||||
...style,
|
||||
} 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}
|
||||
>
|
||||
{children}
|
||||
|
||||
Reference in New Issue
Block a user