fix: header navbar layout

EATSTEAK · Jun 24, 2024 · 0aafe86 · 0aafe86
1 parent 4c06bba
commit 0aafe86
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/src/components/Header.astro b/src/components/Header.astro
@@ -19,13 +19,13 @@ const selected = (value: string) =>
         <img src="/images/logo.png" alt="eatsteak.dev" class="logo-image" /></a
       >
     </h2>
+    <nav class="navbar">
+      <a class={selected("about")} href="/about"> About </a>
+      <a class={selected("post")} href="/posts"> Posts </a>
+      <a class={selected("category")} href="/category"> Categories </a>
+    </nav>
+    <aside class="switch-container">
+      <LightSwitch client:only="solid-js" />
+    </aside>
   </div>
-  <nav class="navbar">
-    <a class={selected("about")} href="/about"> About </a>
-    <a class={selected("post")} href="/posts"> Posts </a>
-    <a class={selected("category")} href="/category"> Categories </a>
-  </nav>
-  <aside class="switch-container">
-    <LightSwitch client:only="solid-js" />
-  </aside>
 </header>