feat(header): improve header fit on smaller screens

2026-02-11 16:24:27 +01:00 · 2026-02-07 11:56:51 +02:00 · 2026-02-07 11:56:51 +02:00 · 6ca37ca7f4
commit 6ca37ca7f4
parent 1007b8b15d
1 changed files with 27 additions and 0 deletions
--- a/apps/website/src/components/Header.css
+++ b/apps/website/src/components/Header.css
@ -145,3 +145,30 @@ header {
        }
    }
 }
+
+@media ((min-width: 720px) and (max-width: 1115px)) {
+    header {
+        .banner span {
+            display: none;
+        }
+
+        .repository-button {
+            display: none;
+        }
+
+        nav {
+            font-size: 0.9em;
+            justify-content: center;
+        }
+
+        .download-button {
+            font-size: 0.8em;
+            padding: 0.5em;
+
+            .text {
+                display: flex;
+                flex-direction: column;
+            }
+        }
+    }
+}