diff options
Diffstat (limited to 'static')
| -rw-r--r-- | static/misc.css | 36 | ||||
| -rw-r--r-- | static/skeleton.css | 3 |
2 files changed, 38 insertions, 1 deletions
diff --git a/static/misc.css b/static/misc.css index 9bf9490..8902e95 100644 --- a/static/misc.css +++ b/static/misc.css @@ -80,6 +80,35 @@ span.unreadIndicator { } } +.settingsCategories { + display: grid; + align-items: baseline; + margin: var(--spacing-double); + gap: var(--spacing-double); + grid-auto-flow: column; + justify-content: start; + ul { + display: block; + margin: 0; + margin-bottom: var(--spacing-double); + padding: 0; + list-style: none; + li { + display: inline-block; + a { + background: var(--clr-secondary); + color: var(--clr-foreground-on-secondary); + padding: var(--spacing-single) var(--spacing-double); + margin: var(--spacing-half); + width: max-content; + border-radius: var(--border-radius); + color: inherit; + text-decoration: none; + } + } + } +} + .htmx-indicator { visibility: hidden; &.htmx-request { @@ -91,6 +120,13 @@ pre { font-family: inherit; font-size: inherit; text-wrap: wrap; + &.panel { + background: var(--clr-panel-background); + padding: var(--spacing-double); + margin: var(--spacing-double); + border: var(--border); + border-radius: var(--border-radius); + } } .temporaryIndicator { diff --git a/static/skeleton.css b/static/skeleton.css index 2d7b216..aeea3b2 100644 --- a/static/skeleton.css +++ b/static/skeleton.css @@ -159,7 +159,8 @@ main { text-align: end; } -h1 { +h1, +h2 { margin: var(--spacing-quadruple) var(--spacing-double); padding: 0; } |