From c3a200d450fb4eaca9604a08c41da4664d96112b Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Thu, 23 Jun 2022 14:16:24 +0200
Subject: [PATCH] chore(Modal): align modals at bottom on mobile

---
 src/runtime/components/overlays/Modal.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/runtime/components/overlays/Modal.vue b/src/runtime/components/overlays/Modal.vue
index b53fbb83..cbb88381 100644
--- a/src/runtime/components/overlays/Modal.vue
+++ b/src/runtime/components/overlays/Modal.vue
@@ -16,7 +16,7 @@
         </TransitionChild>
 
         <div class="fixed inset-0 overflow-y-auto">
-          <div class="flex min-h-full items-center justify-center p-4 text-center">
+          <div class="flex min-h-full items-end sm:items-center justify-center p-4 text-center">
             <TransitionChild
               as="template"
               :appear="appear"