diff options
| author | BigCoke233 <hi@guhub.cn> | 2026-01-22 11:54:31 +0800 |
|---|---|---|
| committer | BigCoke233 <hi@guhub.cn> | 2026-01-22 11:54:31 +0800 |
| commit | 270e84bd4951beb7015fd3d1f0f91bc27f32d453 (patch) | |
| tree | 5e444a5ab6568ed2148c136b9c78ec398af75a8f /layouts/_partials/header.html | |
| parent | 3362a6a7188197f84726d27bffe105ff898df39b (diff) | |
feat: better header on small screens
Diffstat (limited to 'layouts/_partials/header.html')
| -rw-r--r-- | layouts/_partials/header.html | 9 |
1 files changed, 5 insertions, 4 deletions
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> |