From: Adam Dullage <redacted>
Date: Sun, 12 May 2024 09:55:37 +0000 (+0100)
Subject: Vertically wight modal nearer to top of viewport and add x margin
X-Git-Url: http://git.99rst.org/?a=commitdiff_plain;h=03bd06c14ba21e7e120c2a8a83b3e18b6fb7dbd3;p=flatnotes.git

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 9eb1205..351fb64 100644
--- 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>