fix: dialog scroll lock (#124)

Co-authored-by: 三咲智子 Kevin Deng <sxzz@sxzz.moe>

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>