Fix mobile header

pyrossh · Mar 15, 2024 · fede20e · fede20e
1 parent da5879f
commit fede20e
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/lib/components/Header.svelte b/src/lib/components/Header.svelte
@@ -3,7 +3,7 @@
 </script>
 
 <header>
-	<nav class="py-2 md:py-0 flex w-full flex-1 flex-row justify-center bg-black font-mono">
+	<nav class="flex py-2 w-full flex-1 flex-row justify-center bg-black font-mono sm:py-0">
 		<div class="flex flex-row flex-1 items-center p-3 max-w-5xl">
 			<a class="flex text-#f1fa8c pr-4 hover:no-underline ml-0 pl-0" href="/">
 				<span class="mr-1 font-logo font-bold">木</span> pyros.sh
@@ -16,7 +16,9 @@
 				<div>|</div>
 				<a href="/posts" rel="prefetch"> posts </a>
 			</div>
-			<SocialLinks />
+			<div class="hidden sm:flex">
+				<SocialLinks />
+			</div>
 		</div>
 	</nav>
 </header>