Drawer header close

betagouv · Jan 23, 2025 · 601836a · 601836a
1 parent 29cb607
commit 601836a
Showing 1 changed file with 11 additions and 13 deletions.
diff --git a/components/base/Drawer.vue b/components/base/Drawer.vue
@@ -36,21 +36,19 @@
                 class="h-full divide-y divide-gray-200 flex flex-col bg-white shadow-xl"
                 :class="classContainer"
               >
+                <div class="h-[64px] px-4 flex items-center justify-end shadow-lg">
+                  <button
+                    type="button"
+                    class="bg-white text-[#666666] hover:text-[#161616]"
+                    @click="$emit('close')"
+                  >
+                    <span class="sr-only">Close panel</span>
+                    <RiCloseFill class="h-8 w-8 fill-current cursor-pointer" />
+                  </button>
+                </div>
                 <div class="min-h-0 flex-1 flex flex-col py-6 overflow-y-scroll overscroll-contain">
                   <div class="px-4 sm:px-6">
-                    <div class="flex items-start justify-between">
-                      <slot name="title" />
-                      <div class="ml-3 h-7 flex items-center">
-                        <button
-                          type="button"
-                          class="bg-white text-gray-400 hover:text-gray-500"
-                          @click="$emit('close')"
-                        >
-                          <span class="sr-only">Close panel</span>
-                          <RiCloseFill class="h-6 w-6 fill-current cursor-pointer" />
-                        </button>
-                      </div>
-                    </div>
+                    <slot name="title" />
                   </div>
                   <div class="relative flex-1 px-4 sm:px-6">
                     <div class="absolute inset-0 px-4 sm:px-6">