feat: revert close button

nuxt · Jun 24, 2022 · 479a971 · 479a971
1 parent 8035591
commit 479a971
Showing 1 changed file with 2 additions and 12 deletions.
diff --git a/src/runtime/components/overlays/Slideover.vue b/src/runtime/components/overlays/Slideover.vue
@@ -28,21 +28,12 @@
         leave-from="translate-x-0"
         :leave-to="side === 'left' ? '-translate-x-full' : 'translate-x-full'"
       >
-        <DialogPanel class="relative flex-1 flex flex-col w-full u-bg-white focus:outline-none" :class="panelClass">
+        <DialogPanel class="relative flex-1 flex flex-col w-full max-w-md u-bg-white focus:outline-none" :class="panelClass">
           <div v-if="$slots.header" class="border-b u-border-gray-200">
-            <div
-              :class="{ 'flex-row-reverse justify-between': side === 'left' }"
-              class="flex items-center px-4 sm:px-6 h-16 gap-3"
-            >
-              <Button
-                icon="heroicons-outline:x"
-                variant="transparent"
-                @click="isOpen = false"
-              />
+            <div class="flex items-center justify-between px-4 sm:px-6 h-16">
               <slot name="header" />
             </div>
           </div>
-
           <slot />
         </DialogPanel>
       </TransitionChild>
@@ -54,7 +45,6 @@
 import { computed } from 'vue'
 import type { WritableComputedRef, PropType } from 'vue'
 import { Dialog, DialogPanel, TransitionRoot, TransitionChild } from '@headlessui/vue'
-import Button from '../elements/Button'
 
 const props = defineProps({
   modelValue: {