From 3d7d2ca4059a2442dceadd758b71a8d524066d4f Mon Sep 17 00:00:00 2001
From: Ayaka Rizumu <rizumu@oqo.moe>
Date: Sat, 26 Nov 2022 18:11:32 +0800
Subject: [PATCH] fix: dialog scroll lock (#124)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: 三咲智子 Kevin Deng <sxzz@sxzz.moe>
---
 components/modal/ModalDialog.vue | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/components/modal/ModalDialog.vue b/components/modal/ModalDialog.vue
index 0876ca18..880e1627 100644
--- a/components/modal/ModalDialog.vue
+++ b/components/modal/ModalDialog.vue
@@ -11,12 +11,13 @@ watchOnce(modelValue, () => {
 
 <template>
   <div
-    class="fixed top-0 bottom-0 left-0 right-0 z-60"
+    class="fixed top-0 bottom-0 left-0 right-0 z-60 overscroll-none overflow-y-scroll scrollbar-hide"
     :class="modelValue ? '' : 'pointer-events-none'"
   >
     <div
       class="
         bg-base bottom-0 left-0 right-0 top-0 absolute transition-opacity duration-500 ease-out
+        h-[calc(100%+0.5px)]
       "
       :class="modelValue ? 'opacity-85' : 'opacity-0'"
       @click="modelValue = false"
@@ -32,3 +33,13 @@ watchOnce(modelValue, () => {
     </div>
   </div>
 </template>
+
+<style socped>
+.scrollbar-hide {
+  scrollbar-width: none;
+}
+
+.scrollbar-hide::-webkit-scrollbar {
+  display: none;
+}
+</style>