mirror of
https://github.com/wukko/cobalt.git
synced 2024-11-15 04:39:58 +00:00
web/PageNav: add a prop for making content wider
This commit is contained in:
parent
7e8ae2ca61
commit
6a0c05cf7a
1 changed files with 6 additions and 0 deletions
|
@ -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…
Reference in a new issue