From 2cd869a8b90879131358cabc720fbc971a4d2125 Mon Sep 17 00:00:00 2001
From: BigCoke233 <hi@guhub.cn>
Date: Thu, 22 Jan 2026 11:54:31 +0800
Subject: feat: better header on small screens

Former-commit-id: 270e84bd4951beb7015fd3d1f0f91bc27f32d453
---
 layouts/_partials/header.html | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

(limited to 'layouts/_partials/header.html')

diff --git a/layouts/_partials/header.html b/layouts/_partials/header.html
index f67532be..1b249f1e 100644
--- a/layouts/_partials/header.html
+++ b/layouts/_partials/header.html
@@ -1,8 +1,9 @@
 <header class="pagefind-exclude
     md:flex md:justify-between mb-4">
   <!-- Logo & Title -->
-  <div class="flex flex-col items-center md:items-start gap-2">
-    {{ partial "components/logo" (dict "imageClass" "w-[160px] md:w-20 md:h-auto" "ctx" .) }}
+  <div class="flex items-center justify-center gap-5
+     md:flex-col md:items-start md:justify-start md:gap-2">
+    {{ partial "components/logo" (dict "imageClass" "w-12 md:w-20 h-auto" "ctx" .) }}
     <a class="text-8 font-900 text-center tracking-widest
         xerox hover:no-underline"
         href="{{ .Site.LanguagePrefix }}/"
@@ -19,8 +20,8 @@
     >
   </div>
   <!-- Navigation -->
-  <div class="flex md:flex-col justify-center md:justify-start items-center md:items-end gap-3
-      text-size-sm md:text-size-base pl-6 md:pl-6">
+  <div class="flex justify-center items-center gap-3 text-size-base
+    md:flex-col md:items-end md:justify-start md:pl-6">
       {{ partial "header/navigation" . }}
       {{ partial "header/other-navigation" . }}
   </div>
-- 
cgit v1.2.3