dst/dstpabuaran.com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: update layout styles for AppHeader and AppSidebarLayout components

Browse Source
This commit is contained in:
Yoga Pangestu 2026-08-01 14:51:21 +07:00
parent 0e96469cdd
commit fbd7aa5862
3 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
resources/js/components/app-header.tsx
View File

@ -70,7 +70,7 @@ export function AppHeader({ breadcrumbs = [] }: Props) {
const { isCurrentUrl, whenCurrentUrl } = useCurrentUrl();
return (
<>
<div className="sticky top-0 z-50 bg-background">
<div className="border-b border-sidebar-border/80">
<div className="mx-auto flex h-16 items-center px-4 md:max-w-7xl">
{/* Mobile Menu */}
@ -243,6 +243,6 @@ export function AppHeader({ breadcrumbs = [] }: Props) {
</div>
</div>
)}
</>
</div>
);
}

2
resources/js/components/app-shell.tsx
View File

@ -17,5 +17,5 @@ export function AppShell({ children, variant = 'sidebar' }: Props) {
);
}
return <SidebarProvider defaultOpen={isOpen}>{children}</SidebarProvider>;
return <SidebarProvider defaultOpen={isOpen} className="h-screen overflow-hidden">{children}</SidebarProvider>;
}

2
resources/js/layouts/app/app-sidebar-layout.tsx
View File

@ -13,7 +13,7 @@ export default function AppSidebarLayout({
<AppSidebar />
<AppContent
variant="sidebar"
className="min-h-svh overflow-x-hidden overflow-y-auto"
className="flex-1 overflow-y-auto overflow-x-hidden"
>
<AppSidebarHeader breadcrumbs={breadcrumbs} />
{children}