From a6bcdd5aa9ab9f4ec022ff4565432bfb45f2e50e Mon Sep 17 00:00:00 2001
From: Kevin Riehl <kevinriehl@gmail.com>
Date: Wed, 11 Mar 2026 21:44:25 -0700
Subject: [PATCH] Add noPadding prop to PageLayout for full-bleed pages

---
 src/components/layout/PageLayout.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/layout/PageLayout.tsx b/src/components/layout/PageLayout.tsx
index 03f75d9..d92b31d 100644
--- a/src/components/layout/PageLayout.tsx
+++ b/src/components/layout/PageLayout.tsx
@@ -26,8 +26,10 @@ const NAV_LINKS = [
 
 export default function PageLayout({
   children,
+  noPadding = false,
 }: {
   children: React.ReactNode;
+  noPadding?: boolean;
 }) {
   const location = useLocation();
   const user = useAuthStore((s) => s.user);
@@ -186,7 +188,7 @@ export default function PageLayout({
           </div>
         </div>
       </header>
-      <main className="mx-auto w-full max-w-4xl flex-1 px-4 py-6" role="main">
+      <main className={cn("mx-auto w-full max-w-4xl flex-1", noPadding ? "" : "px-4 py-6")} role="main">
         {children}
       </main>
     </div>