~repos /website

#astro#js#html#css

git clone https://pyrossh.dev/repos/website.git

木 Personal website of pyrossh. Built with astrojs, shiki, vite.


fede20ec pyrossh

1 year ago
Fix mobile header
Files changed (1) hide show
  1. src/lib/components/Header.svelte +4 -2
src/lib/components/Header.svelte CHANGED
@@ -3,7 +3,7 @@
3
3
  </script>
4
4
 
5
5
  <header>
6
- <nav class="py-2 md:py-0 flex w-full flex-1 flex-row justify-center bg-black font-mono">
6
+ <nav class="flex py-2 w-full flex-1 flex-row justify-center bg-black font-mono sm:py-0">
7
7
  <div class="flex flex-row flex-1 items-center p-3 max-w-5xl">
8
8
  <a class="flex text-#f1fa8c pr-4 hover:no-underline ml-0 pl-0" href="/">
9
9
  <span class="mr-1 font-logo font-bold">木</span> pyros.sh
@@ -16,7 +16,9 @@
16
16
  <div>|</div>
17
17
  <a href="/posts" rel="prefetch"> posts </a>
18
18
  </div>
19
+ <div class="hidden sm:flex">
19
- <SocialLinks />
20
+ <SocialLinks />
21
+ </div>
20
22
  </div>
21
23
  </nav>
22
24
  </header>