style: full width design

This commit is contained in:
Nicolas Meienberger
2025-10-22 21:28:14 +02:00
parent a64de8ec78
commit a927411c0d
2 changed files with 3 additions and 3 deletions

View File

@@ -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>

View File

@@ -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}