mirror of
https://github.com/wukko/cobalt.git
synced 2025-05-08 09:44:27 +02:00
web/PageNav: add a prop for making content wider
This commit is contained in:
parent
7e8ae2ca61
commit
6a0c05cf7a
@ -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);
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user