Modification de la searchbar

src/views/main/Header.vue

@@ -4,7 +4,7 @@
 
     <div v-if="showPopup"
          ref="popupRef"
-         class="bg-white shadow-md shadow-gray-700 top-16 left-0 absolute z-50 rounded-br-2xl border-t-2 border-gray-800"
+         class="bg-white shadow-md shadow-gray-700 top-14 left-0 absolute z-50 rounded-br-2xl border-t-2 border-gray-800"
          @mouseleave="handleMouseLeave"
          @mouseenter="handleMouseEnter">
       <SiteMenu></SiteMenu>
@@ -27,11 +27,14 @@
 
     <div class="flex items-center">
       <v-text-field
+          density=compact
+          rounded
+          variant="outlined"
           v-model="searchQuery"
           placeholder="Search"
           hide-details
           clearable
-          class="rounded-full mx-2 w-80"
+          class="rounded-full mx-2 w-80 "
           append-inner-icon="mdi-magnify"
           @click:append-inner="onSearch">
       </v-text-field>