From c4ab8beccd00e65f747bbe8390a96ae05250d174 Mon Sep 17 00:00:00 2001
From: kieran <kieran@harkin.me>
Date: Thu, 18 Jul 2024 14:18:36 +0100
Subject: [PATCH] fix: modal position (mobile) closes #154

---
 src/element/modal.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/element/modal.tsx b/src/element/modal.tsx
index 4341d4c..b4b00b8 100644
--- a/src/element/modal.tsx
+++ b/src/element/modal.tsx
@@ -52,7 +52,7 @@ export default function Modal(props: ModalProps) {
           classNames(
             "relative bg-layer-1 p-8 transition max-xl:rounded-t-3xl xl:rounded-3xl max-xl:mt-auto xl:my-auto max-lg:w-full",
             {
-              "max-xl:translate-y-0": props.ready ?? true,
+              "max-xl:-translate-y-[calc(100vh-100dvh)]": props.ready ?? true,
               "max-xl:translate-y-[50vh]": !(props.ready ?? true),
               "lg:w-[500px]": !(props.largeModal ?? false),
               "lg:w-[80vw]": props.largeModal ?? false,