Allow scroll on mobile

lukso-network · Nov 12, 2024 · fa1ba96 · fa1ba96
1 parent 8afb7e4
commit fa1ba96
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git 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
@@ -78,6 +78,7 @@ onUnmounted(() => {
   >
     <div
       ref="modalContainer"
+      class="max-h-[calc(100vh-100px)]"
       :class="{
         'overflow-y-auto': modalHeight > screenHeight - 150,
       }"