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 | |
| parent | 4f55e5d85cacd213e2b670e6e952f2ec4d29db4d (diff) | |
| download | searchix-48b22d9ad78e4f3bdb6ca5bbd5ab642b1f991715.tar.lz searchix-48b22d9ad78e4f3bdb6ca5bbd5ab642b1f991715.tar.zst searchix-48b22d9ad78e4f3bdb6ca5bbd5ab642b1f991715.zip | |
style: make page wider and header shorter
| -rw-r--r-- | frontend/static/style.css | 42 | ||||
| -rw-r--r-- | frontend/templates/index.gotmpl | 6 |
2 files changed, 44 insertions, 4 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"] { diff --git a/frontend/templates/index.gotmpl b/frontend/templates/index.gotmpl index c7de63c..77e1265 100644 --- a/frontend/templates/index.gotmpl +++ b/frontend/templates/index.gotmpl @@ -9,11 +9,9 @@ </head> <body> <header> - <h1>Searchix</h1> - <p>Search Nix Packages and options from NixOS, Darwin and Home-Manager</p> <nav> - <a href="/">Home</a> - <a href="/search/nixos">NixOS Options</a> + <h1><a href="/">Searchix</a></h1> + <a href="/search/nixos">NixOS</a> </nav> </header> <main> |