From 6a0c05cf7a504f674159324c990921172a5f1cb2 Mon Sep 17 00:00:00 2001
From: wukko <me@wukko.me>
Date: Wed, 4 Sep 2024 20:58:51 +0600
Subject: [PATCH] web/PageNav: add a prop for making content wider

---
 web/src/components/subnav/PageNav.svelte | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/web/src/components/subnav/PageNav.svelte b/web/src/components/subnav/PageNav.svelte
index f80eb195..72d55627 100644
--- a/web/src/components/subnav/PageNav.svelte
+++ b/web/src/components/subnav/PageNav.svelte
@@ -13,6 +13,7 @@
     export let homeTitle: string;
     export let pageSubtitle = "";
     export let contentPadding = false;
+    export let wideContent = false;
 
     let screenWidth: number;
 
@@ -93,6 +94,7 @@
             id="{pageName}-page-content"
             class="subnav-page-content"
             class:padding={contentPadding}
+            class:wide={wideContent}
             tabindex="-1"
             data-first-focus
             data-focus-ring-hidden
@@ -124,6 +126,10 @@
         overflow-y: scroll;
     }
 
+    .subnav-page-content.wide {
+        max-width: 800px;
+    }
+
     .subnav-page-content.padding {
         padding: var(--subnav-padding);
     }