fix modal size

Link1515 · Oct 14, 2024 · 8a4240f · 8a4240f
1 parent be80caa
commit 8a4240f
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/components/Modal.vue b/src/components/Modal.vue
@@ -34,10 +34,17 @@ watch(isOpen, () => {
 </template>
 
 <style scoped>
+.modal {
+  width: 100%;
+  height: 100vh;
+  height: 100dvh;
+}
+
 .modal-content {
   height: 100%;
   max-width: 450px;
   display: flex;
   align-items: center;
+  justify-content: center;
 }
 </style>