From 8adb002dc41a660337620e95ba65b9cac2a9329b Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Fri, 30 Aug 2024 12:49:23 -0400
Subject: [PATCH] Need to fixe Search bar for LG and More

---
 src/views/main/Header.vue | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/views/main/Header.vue b/src/views/main/Header.vue
index b7c406e..6f112d7 100644
--- a/src/views/main/Header.vue
+++ b/src/views/main/Header.vue
@@ -29,7 +29,7 @@
 
    
     <div class="flex-grow flex items-center justify-center relative">    
-      <div v-if="showSearch || !isSmallScreen" class="flex-grow flex justify-center items-center" :class="{'w-full': isSmallScreen && showSearch}">
+      <div v-if="showSearch || !isSmallScreen" class="flex-grow  flex justify-center items-center lg:max-w-[]" >
         <template v-if="showSearch">
           <v-text-field
               density="compact"
@@ -38,8 +38,7 @@
               v-model="searchQuery"
               placeholder="Recherche"
               hide-details
-              clearable
-              class="rounded-full w-full sm:w-full md:w-full lg:w-96 mx-2"
+              clearable              
               append-inner-icon="mdi-magnify"
               @click.stop
               @click:append-inner="onSearch"