Vertically wight modal nearer to top of viewport and add x margin
authorAdam Dullage <redacted>
Sun, 12 May 2024 09:55:37 +0000 (10:55 +0100)
committerAdam Dullage <redacted>
Sun, 12 May 2024 09:55:37 +0000 (10:55 +0100)
client/components/Modal.vue

index 9eb1205120270782dd170246957429bdc35f8e78..351fb64bba1d1fe0193718ca020e154df23331b8 100644 (file)
@@ -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>
git clone https://git.99rst.org/PROJECT