all repos — searchix @ 48b22d9ad78e4f3bdb6ca5bbd5ab642b1f991715

Search engine for NixOS, nix-darwin, home-manager and NUR users

style: make page wider and header shorter

Alan Pearce
commit

48b22d9ad78e4f3bdb6ca5bbd5ab642b1f991715

parent

4f55e5d85cacd213e2b670e6e952f2ec4d29db4d

2 files changed, 44 insertions(+), 4 deletions(-)

jump to
M frontend/static/style.css → frontend/static/style.css
@@ -3,10 +3,52 @@ --standard-border-radius: 0;
   --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"] {
M frontend/templates/index.gotmpl → frontend/templates/index.gotmpl
@@ -9,11 +9,9 @@ <link href="/static/style.css" rel="stylesheet" />
   </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>