fix: header for very small viewports

ubermanu · May 30, 2023 · 83d5136 · 83d5136
1 parent 657566d
commit 83d5136
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/routes/Header.svelte b/src/routes/Header.svelte
@@ -8,13 +8,13 @@
 
 <div class="container mx-auto flex max-w-6xl items-center gap-4 p-4">
   <a class="mr-auto flex items-center gap-2 rounded p-2" href="{base}/">
-    <img src={logo} alt class="h-9 w-9" />
-    <span class="font-serif text-3xl">Louisette</span>
+    <img src={logo} alt class="h-9 w-9 max-sm:hidden" />
+    <span class="font-serif text-2xl md:text-3xl">Louisette</span>
     <span class="ml-2 rounded bg-accent-400 p-1 text-xs text-accent-900">
       {LOUISETTE_VERSION}
     </span>
   </a>
-  <div class="flex gap-2 md:gap-4">
+  <div class="flex gap-2 max-sm:gap-1 md:gap-4">
     <a
       href="https://github.com/ubermanu/louisette"
       target="_blank"