From 68f5c068fb3d2058d76b30abd2d3d799ac1b156a Mon Sep 17 00:00:00 2001
From: Arthur DANJOU <arthurdanjou@outlook.fr>
Date: Tue, 5 Sep 2023 00:19:39 +0200
Subject: [PATCH] fixing header

---
 src/components/header/Header.vue | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/components/header/Header.vue b/src/components/header/Header.vue
index 86d5ad0..f81e4ae 100644
--- a/src/components/header/Header.vue
+++ b/src/components/header/Header.vue
@@ -10,19 +10,17 @@ defineProps({
 <template>
   <header class="z-30 sticky top-0 left-0 flex justify-center w-full">
     <div class="w-full px-4 sm:px-6 lg:px-8 sm:mx-8 max-w-7xl py-4 flex justify-between bg-white dark:bg-zinc-900 border-b border-zinc-100 dark:border-zinc-300/10">
-      <Logo />
       <ClientOnly>
+        <Logo />
         <NavBar v-if="navigation" />
-      </ClientOnly>
-      <div class="flex gap-2">
-        <ClientOnly>
+        <div class="flex gap-2">
           <div class="flex items-center rounded-md p-1 gap-1 relative bg-black/5 text-sm font-medium text-zinc-700 dark:bg-zinc-800/90 dark:text-zinc-300">
             <ColorPicker />
             <ColorModeButton />
           </div>
           <MobileNavBar v-if="navigation" />
-        </ClientOnly>
-      </div>
+        </div>
+      </ClientOnly>
     </div>
   </header>
 </template>