web/PageNav: add a prop for making content wider

This commit is contained in:
wukko 2024-09-04 20:58:51 +06:00
parent 7e8ae2ca61
commit 6a0c05cf7a
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2

View file

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