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); }