Mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/wukko/cobalt.git synced 2024-11-15 12:50:01 +00:00
Code Issues Projects Releases Packages Wiki Activity

web/PageNav: add a prop for making content wider

Browse source
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
1 changed files with 6 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
web/src/components/subnav/PageNav.svelte
View file

@ -13,6 +13,7 @@
export let homeTitle: string; export let homeTitle: string;
export let pageSubtitle = ""; export let pageSubtitle = "";
export let contentPadding = false; export let contentPadding = false;
export let wideContent = false;
let screenWidth: number; let screenWidth: number;
@ -93,6 +94,7 @@
id="{pageName}-page-content" id="{pageName}-page-content"
class="subnav-page-content" class="subnav-page-content"
class:padding={contentPadding} class:padding={contentPadding}
class:wide={wideContent}
tabindex="-1" tabindex="-1"
data-first-focus data-first-focus
data-focus-ring-hidden data-focus-ring-hidden
@ -124,6 +126,10 @@
overflow-y: scroll; overflow-y: scroll;
} }
.subnav-page-content.wide {
max-width: 800px;
}
.subnav-page-content.padding { .subnav-page-content.padding {
padding: var(--subnav-padding); padding: var(--subnav-padding);
} }