From 48b22d9ad78e4f3bdb6ca5bbd5ab642b1f991715 Mon Sep 17 00:00:00 2001
From: Alan Pearce
Date: Tue, 7 May 2024 21:02:31 +0200
Subject: style: make page wider and header shorter
---
frontend/static/style.css | 42 +++++++++++++++++++++++++++++++++++++++++
frontend/templates/index.gotmpl | 6 ++----
2 files changed, 44 insertions(+), 4 deletions(-)
(limited to 'frontend')
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 @@
--
cgit 1.4.1