evilSpins v1

app/layouts/default.vue

@@ -1,32 +1,31 @@
 <template>
   <div class="w-full min-h-screen flex flex-col items-center bg-gray-50">
     <!-- Header avec logo -->
-    <header class="w-full py-4 px-6 bg-white shadow-sm">
+    <header
+      class="w-full bg-white shadow-sm overflow-hidden transition-all duration-300 ease-in-out"
+      :class="{ 'h-0 py-0': uiStore.getSelectedBox, 'py-4 h-auto': !uiStore.getSelectedBox }"
+    >
       <div class="max-w-7xl mx-auto w-full flex justify-center">
-        <div @click="navigateToHome" class="cursor-pointer inline-block">
+        <a href="/" class="inline-block">
           <logo />
-        </div>
+        </a>
       </div>
     </header>
 
     <!-- Contenu principal -->
-    <main class="w-full max-w-7xl flex-1 p-6">
+    <main>
       <slot />
     </main>
 
     <!-- Player de musique fixe en bas -->
-    <SearchModal />
-    <Loader />
+    <searchModal />
+    <loader />
     <Player class="w-full border-t border-gray-200" />
   </div>
 </template>
 
 <script setup>
-import { useRouter } from 'vue-router'
+import { useUiStore } from '~/store/ui'
 
-const router = useRouter()
-
-const navigateToHome = () => {
-  router.push('/')
-}
+const uiStore = useUiStore()
 </script>