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:
Janpeter Visser 2026-04-25 12:40:05 +02:00
parent cb7eb36fbb
commit 76d6f0a09d

View file

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