Vertically wight modal nearer to top of viewport and add x margin

diff --git a/client/components/Modal.vue b/client/components/Modal.vue
index 9eb1205120270782dd170246957429bdc35f8e78..351fb64bba1d1fe0193718ca020e154df23331b8 100644 (file)
--- a/client/components/Modal.vue
+++ b/client/components/Modal.vue
@@ -2,12 +2,12 @@
   <!-- Mask -->
   <div
     v-if="isVisible"
-    class="fixed left-0 top-0 z-50 flex h-dvh w-dvw items-center justify-center bg-slate-950/40 backdrop-blur-sm"
+    class="fixed left-0 top-0 z-50 flex h-dvh w-dvw items-start justify-center bg-slate-950/40 backdrop-blur-sm"
     @click.self="closeHandler"
   >
     <!-- Modal -->
     <div
-      class="relative max-w-[500px] grow rounded-lg border border-theme-border bg-theme-background shadow-lg"
+      class="relative mx-2 mt-[30vh] max-w-[500px] grow rounded-lg border border-theme-border bg-theme-background shadow-lg"
       :class="$attrs.class"
     >
       <slot></slot>