janpeter/Scrum4Me
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: header en footer sticky op landingspagina

Browse source 
Zelfde patroon als (app) layout: h-screen overflow-hidden op de wrapper,
flex-1 overflow-y-auto op main, shrink-0 op footer.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Janpeter Visser 2026-04-25 13:32:32 +02:00
parent 1ff894a6c0
commit ec9de5a962
1 changed files with 3 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

6
app/page.tsx
View file

@ -3,7 +3,7 @@ import { AppIcon } from '@/components/shared/app-icon'
export default function LandingPage() { export default function LandingPage() {
return ( return (
<div className="min-h-screen bg-background text-foreground flex flex-col"> <div className="h-screen bg-background text-foreground flex flex-col overflow-hidden">
{/* ── Header ─────────────────────────────────────────────────── */} {/* ── Header ─────────────────────────────────────────────────── */}
<header className="h-14 border-b border-border bg-surface-container-low flex items-center px-6 gap-4 shrink-0"> <header className="h-14 border-b border-border bg-surface-container-low flex items-center px-6 gap-4 shrink-0">
@ -27,7 +27,7 @@ export default function LandingPage() {
</nav> </nav>
</header> </header>
<main className="flex-1"> <main className="flex-1 overflow-y-auto">
{/* ── Hero ───────────────────────────────────────────────────── */} {/* ── Hero ───────────────────────────────────────────────────── */}
<section className="bg-primary-container px-6 py-16 text-center"> <section className="bg-primary-container px-6 py-16 text-center">
@ -277,7 +277,7 @@ export default function LandingPage() {
</main> </main>
{/* ── Footer ─────────────────────────────────────────────────── */} {/* ── Footer ─────────────────────────────────────────────────── */}
<footer className="border-t border-border bg-surface-container-low px-6 py-4 flex items-center justify-between text-xs text-muted-foreground"> <footer className="shrink-0 border-t border-border bg-surface-container-low px-6 py-4 flex items-center justify-between text-xs text-muted-foreground">
<span>© {new Date().getFullYear()} Scrum4Me</span> <span>© {new Date().getFullYear()} Scrum4Me</span>
<div className="flex gap-4"> <div className="flex gap-4">
<Link href="/login" className="hover:text-foreground transition-colors">Inloggen</Link> <Link href="/login" className="hover:text-foreground transition-colors">Inloggen</Link>