From fa1ba9672313ece82464209a210dd5aa525b9be5 Mon Sep 17 00:00:00 2001
From: Dominik Zborowski <dominik.zborowski@gmail.com>
Date: Tue, 12 Nov 2024 17:27:48 +0100
Subject: [PATCH] Allow scroll on mobile

---
 app.vue                 | 3 ++-
 components/AppModal.vue | 1 +
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/app.vue b/app.vue
index 0bf3ea41..5f498c48 100644
--- a/app.vue
+++ b/app.vue
@@ -15,6 +15,7 @@ const {
   isSearchOpen,
   isModalOpen,
   isWalletConnect,
+  isMobile,
 } = storeToRefs(useAppStore())
 const { addProviderEvents, removeProviderEvents } =
   useBrowserExtensionProvider()
@@ -223,7 +224,7 @@ useHead({
       const bodyClass = []
 
       // prevent window scroll when search modal is open
-      if (isSearchOpen.value || isModalOpen.value) {
+      if (isSearchOpen.value || (!isMobile.value && isModalOpen.value)) {
         bodyClass.push('!overflow-hidden')
       }
 
diff --git a/components/AppModal.vue b/components/AppModal.vue
index d5ac75de..c22c5d57 100644
--- a/components/AppModal.vue
+++ b/components/AppModal.vue
@@ -78,6 +78,7 @@ onUnmounted(() => {
   >
     <div
       ref="modalContainer"
+      class="max-h-[calc(100vh-100px)]"
       :class="{
         'overflow-y-auto': modalHeight > screenHeight - 150,
       }"