Update ModalComponent.vue

erlankurnia · Jun 20, 2024 · fe849ab · fe849ab
1 parent 5819c30
commit fe849ab
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/components/ModalComponent.vue b/src/components/ModalComponent.vue
@@ -1,8 +1,9 @@
 <template>
     <div v-show="isVisible" id="block-modal"
-        class="fixed top-0 bottom-0 left-0 right-0 z-[99999] flex items-center justify-center bg-dark bg-opacity-30"
+        class="fixed top-0 bottom-0 left-0 right-0 z-[99999] flex items-end md:items-center justify-center bg-dark bg-opacity-30"
         @click="onCloseModal($event)">
-        <div class="flex flex-col shadow-md bg-tertiary max-w-[92%] max-h-[80%] xl:max-w-3xl rounded-2xl">
+        <div
+            class="flex flex-col shadow-md bg-tertiary max-h-screen md:max-w-[92%] md:max-h-[80%] xl:max-w-3xl rounded-xl">
             <section
                 class="relative z-10 flex flex-col items-center justify-center w-full h-auto px-6 py-4 text-center text-dark">
                 <slot name="header"></slot>