clean style

app/app.vue

@@ -4,20 +4,7 @@
     <NuxtPage />
     <SearchModal />
     <Loader />
-
-    <!-- Persistent audio player across routes -->
     <Player />
-
-    <!-- Mobile-only floating search button -->
-    <button v-if="$isMobile" @click="ui.openSearch()"
-      class="fixed bottom-4 right-4 z-50 inline-flex h-12 w-12 items-center justify-center rounded-full bg-esyellow text-slate-800 shadow-lg ring-1 ring-slate-300 hover:brightness-95 active:brightness-90 dark:ring-slate-600"
-      aria-label="Rechercher">
-      <svg class="h-6 w-6" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
-        stroke-linejoin="round">
-        <circle cx="11" cy="11" r="8" />
-        <path d="m21 21-4.3-4.3" />
-      </svg>
-    </button>
   </div>
 </template>
 
@@ -34,7 +21,7 @@ const player = usePlayerStore()
 const { $isMobile } = useNuxtApp()
 useHead({
   bodyAttrs: {
-    class: 'bg-slate-100 dark:bg-slate-900'
+    class: 'bg-slate-100'
   }
 })
 

app/components/logo.vue

@@ -1,7 +1,7 @@
 <template>
   <header class="py-4">
-    <img class="logo p-1 w-80" src="/logo.svg" alt="">
+    <img class="logo w-80" src="/logo.svg" alt="">
-    <h1 class="dark:text-white text-center">
+    <h1 class="text-center">
       mix-tapes
     </h1>
   </header>

app/pages/index.vue

@@ -23,6 +23,6 @@ onMounted(async () => {
 
 <style>
 .logo {
-  filter: drop-shadow(2px 2px 0 rgb(0 0 0 / 0.8));
+  filter: drop-shadow(3px 3px 0 rgb(0 0 0 / 0.7));
 }
 </style>