diff options
| author | Alan Pearce | 2024-05-07 21:02:31 +0200 |
|---|---|---|
| committer | Alan Pearce | 2024-05-07 21:02:31 +0200 |
| commit | 48b22d9ad78e4f3bdb6ca5bbd5ab642b1f991715 (patch) | |
| tree | e5cf5222d7db8adcba5641032ae6666042719a54 /frontend/static | |
| parent | 4f55e5d85cacd213e2b670e6e952f2ec4d29db4d (diff) | |
| download | searchix-48b22d9ad78e4f3bdb6ca5bbd5ab642b1f991715.tar.lz searchix-48b22d9ad78e4f3bdb6ca5bbd5ab642b1f991715.tar.zst searchix-48b22d9ad78e4f3bdb6ca5bbd5ab642b1f991715.zip | |
style: make page wider and header shorter
Diffstat (limited to 'frontend/static')
| -rw-r--r-- | frontend/static/style.css | 42 |
1 files changed, 42 insertions, 0 deletions
diff --git a/frontend/static/style.css b/frontend/static/style.css index fd096b0..375883e 100644 --- a/frontend/static/style.css +++ b/frontend/static/style.css @@ -3,10 +3,52 @@ --text: black; --text-light: #212121; --preformatted: var(--code); + --min-width: 60rem; } + +body { + grid-template-columns: 1fr min(var(--min-width), 90%) 1fr; +} + +body > header { + align-items: center; + display: flex; + justify-content: center; + padding: unset; + & > :only-child { + margin-block-start: 0; + } + & > nav { + width: min(var(--min-width), 90%); + display: flex; + padding: 0.5rem 0; + + a { + margin-bottom: unset; + } + + & h1 { + margin: unset; + font-size: unset; + line-height: 2; + & > a { + margin-left: unset; + padding-left: unset; + border: 1px transparent; + } + } + } +} + form { + margin-top: 1.5rem; +} + +fieldset { display: flex; column-gap: 1ex; + border: none; + padding: unset; } input[type="search"] { |