before liquid glass

src/components/pnSimpleScrollDialog.vue

@@ -1,7 +1,8 @@
 <template>
-  <q-dialog v-model="modelValue">
+  <q-dialog v-model="modelValue" class="q-ma-none">
     <q-card
-      class="q-pa-none q-ma-none w100 no-scroll" 
+      class="q-pa-none q-ma-none w100 no-scroll rounded-card"
+      style="max-height: calc(100vh - 48px);"
       >
       <q-card-section class="row items-center q-pb-none">
         <div class="flex no-wrap items-center w100">
@@ -56,16 +57,16 @@
   }
 
   async function updateScrollAreaHeight () {
-  await nextTick(() => {
-    scrollAreaHeight.value = Math.min(
-      bodyHeight.value + 16, 
-      window.innerHeight - headerHeight.value - 64
-    )
-  })
-}
+    await nextTick(() => {
+      scrollAreaHeight.value = Math.min(
+        bodyHeight.value + 16, 
+        window.innerHeight - headerHeight.value - 64
+      )
+    })
+  }
 
-watch(bodyHeight, updateScrollAreaHeight)
-watch(headerHeight, updateScrollAreaHeight)
+  watch(bodyHeight, updateScrollAreaHeight)
+  watch(headerHeight, updateScrollAreaHeight)
 
 </script>