From 55c70b404c5a3720b6c4a2907606952805ee903b Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sat, 27 Sep 2025 11:55:49 +0300
Subject: [PATCH] chore(website): improve header layout on mobile

---
 apps/website/src/components/Header.css | 16 ++++++++++++++--
 apps/website/src/components/Header.tsx |  2 +-
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/apps/website/src/components/Header.css b/apps/website/src/components/Header.css
index 910248ebc..6a0b58ace 100644
--- a/apps/website/src/components/Header.css
+++ b/apps/website/src/components/Header.css
@@ -7,6 +7,7 @@ header {
     backdrop-filter: blur(20px);    
     z-index: 1000;
     --gap: 1.25em;
+    font-size: 0.8em;
 }
 
 header .content-wrapper {
@@ -30,8 +31,8 @@ section.hero-section > .content-wrapper {
 }
 
 header img {
-    width: 48px;
-    height: 48px;
+    width: 32px;
+    height: 32px;
 }
 
 header img+span {
@@ -52,4 +53,15 @@ header nav a {
 
 header nav a.active {
     font-weight: bold;
+}
+
+@media (min-width: 720px) {
+    header {
+        font-size: inherit;
+    }
+
+    header img {
+        width: 48px;
+        height: 48px;
+    }
 }
\ No newline at end of file
diff --git a/apps/website/src/components/Header.tsx b/apps/website/src/components/Header.tsx
index 0a4009d29..ba56f8403 100644
--- a/apps/website/src/components/Header.tsx
+++ b/apps/website/src/components/Header.tsx
@@ -27,7 +27,7 @@ export function Header() {
                     {HEADER_LINKS.map(link => (
                         <a
                             href={link.url}
-                            className={url === link.url && 'active'}
+                            className={url === link.url ? "active" : ""}
                             target={link.external && "_blank"}
                         >{link.text}</a>
                     ))}