web/PageNav: add a prop for enabling content padding

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

View file

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