From 17dc330b99aba32fc9dcce071531d4dc0620145b Mon Sep 17 00:00:00 2001
From: Kevin Riehl <kevinriehl@gmail.com>
Date: Wed, 11 Mar 2026 21:49:06 -0700
Subject: [PATCH] Lock viewport height and prevent outer scroll when noPadding
 is set

---
 src/components/layout/PageLayout.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/layout/PageLayout.tsx b/src/components/layout/PageLayout.tsx
index d92b31d..40a7636 100644
--- a/src/components/layout/PageLayout.tsx
+++ b/src/components/layout/PageLayout.tsx
@@ -38,7 +38,10 @@ export default function PageLayout({
   const [open, setOpen] = useState(false);
 
   return (
-    <div className="flex min-h-screen flex-col bg-gradient-to-b from-background to-background/95">
+    <div className={cn(
+      "flex flex-col bg-gradient-to-b from-background to-background/95",
+      noPadding ? "h-[100dvh] overflow-hidden" : "min-h-screen",
+    )}>
       <header className="border-b border-border bg-card/80 backdrop-blur-sm">
         <div className="mx-auto flex h-14 max-w-4xl items-center justify-between px-4">
           <Link to="/" className="text-lg font-bold tracking-tight text-primary">
@@ -188,7 +191,7 @@ export default function PageLayout({
           </div>
         </div>
       </header>
-      <main className={cn("mx-auto w-full max-w-4xl flex-1", noPadding ? "" : "px-4 py-6")} role="main">
+      <main className={cn("mx-auto w-full max-w-4xl flex-1", noPadding ? "overflow-hidden" : "px-4 py-6")} role="main">
         {children}
       </main>
     </div>