fix: nav en statusbar vast op top/bottom via h-screen layout
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
parent
cb7eb36fbb
commit
76d6f0a09d
1 changed files with 2 additions and 2 deletions
|
|
@ -14,13 +14,13 @@ export default async function AppLayout({ children }: { children: React.ReactNod
|
|||
}
|
||||
|
||||
return (
|
||||
<div className="min-h-screen bg-background flex flex-col">
|
||||
<div className="h-screen bg-background flex flex-col overflow-hidden">
|
||||
<a href="#main-content" className="sr-only focus:not-sr-only focus:fixed focus:top-2 focus:left-2 focus:z-50 focus:px-4 focus:py-2 focus:bg-primary focus:text-primary-foreground focus:rounded-md focus:text-sm">
|
||||
Ga naar inhoud
|
||||
</a>
|
||||
<NavBar isDemo={session.isDemo} />
|
||||
<MinWidthBanner />
|
||||
<main id="main-content" className="flex-1 flex flex-col overflow-hidden">
|
||||
<main id="main-content" className="flex-1 flex flex-col overflow-y-auto min-h-0">
|
||||
{children}
|
||||
</main>
|
||||
<StatusBar />
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue