From 7e8ae2ca61032c0a99e7c71aa8ad6374da6643a3 Mon Sep 17 00:00:00 2001
From: wukko <me@wukko.me>
Date: Wed, 4 Sep 2024 20:51:13 +0600
Subject: [PATCH] web/PageNav: add a prop for enabling content padding

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

diff --git a/web/src/components/subnav/PageNav.svelte b/web/src/components/subnav/PageNav.svelte
index 7550340d..f80eb195 100644
--- a/web/src/components/subnav/PageNav.svelte
+++ b/web/src/components/subnav/PageNav.svelte
@@ -12,6 +12,7 @@
     export let homeDesktopPath: string;
     export let homeTitle: string;
     export let pageSubtitle = "";
+    export let contentPadding = false;
 
     let screenWidth: number;
 
@@ -91,6 +92,7 @@
         <main
             id="{pageName}-page-content"
             class="subnav-page-content"
+            class:padding={contentPadding}
             tabindex="-1"
             data-first-focus
             data-focus-ring-hidden
@@ -122,6 +124,10 @@
         overflow-y: scroll;
     }
 
+    .subnav-page-content.padding {
+        padding: var(--subnav-padding);
+    }
+
     .subnav-sidebar,
     .subnav-navigation {
         display: flex;
@@ -207,6 +213,10 @@
             max-width: unset;
         }
 
+        .subnav-page-content.padding {
+            padding: var(--padding);
+        }
+
         .subnav-header {
             display: flex;
             align-items: center;