From 01c8304c8bf730cc92f54a9276c5956b7fb1514c Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Wed, 16 Apr 2025 07:01:36 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=9C=A8=E5=A4=9A=E4=B8=AA=E8=A7=86?=
 =?UTF-8?q?=E5=9B=BE=E4=B8=AD=E6=B7=BB=E5=8A=A0=20scrim=20=E5=B1=9E?=
 =?UTF-8?q?=E6=80=A7=E4=BB=A5=E6=94=B9=E5=96=84=E5=AF=B9=E8=AF=9D=E6=A1=86?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/subscribe.vue                   | 2 ++
 src/styles/styles.scss                    | 5 +----
 src/views/plugin/PluginCardListView.vue   | 7 ++++++-
 src/views/torrent/TorrentCardListView.vue | 2 +-
 src/views/torrent/TorrentRowListView.vue  | 2 +-
 5 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/pages/subscribe.vue b/src/pages/subscribe.vue
index a10d105a..e6e7be23 100644
--- a/src/pages/subscribe.vue
+++ b/src/pages/subscribe.vue
@@ -44,6 +44,7 @@ const searchShares = () => {
           v-model="filterSubscribeDialog"
           width="20rem"
           :close-on-content-click="false"
+          scrim
         >
           <template #activator="{ props }">
             <VBtn
@@ -73,6 +74,7 @@ const searchShares = () => {
           v-model="searchShareDialog"
           width="25rem"
           :close-on-content-click="false"
+          scrim
         >
           <template #activator="{ props }">
             <VBtn
diff --git a/src/styles/styles.scss b/src/styles/styles.scss
index 846c46b9..8a9c366e 100644
--- a/src/styles/styles.scss
+++ b/src/styles/styles.scss
@@ -8,13 +8,10 @@ html.v-overlay-scroll-blocked {
   position: fixed;
 }
 
-html {
-  --v-body-scroll-y: 0px !important;
-}
-
 @media (width <= 768px){
   html.v-overlay-scroll-blocked {
     position: relative;
+    --v-body-scroll-y: 0px !important;
   }
 }
 
diff --git a/src/views/plugin/PluginCardListView.vue b/src/views/plugin/PluginCardListView.vue
index b528ab4f..a5ff8ca1 100644
--- a/src/views/plugin/PluginCardListView.vue
+++ b/src/views/plugin/PluginCardListView.vue
@@ -456,6 +456,7 @@ onMounted(async () => {
           v-model="filterInstalledPluginDialog"
           width="20rem"
           :close-on-content-click="false"
+          scrim
         >
           <template #activator="{ props }">
             <VBtn
@@ -491,6 +492,7 @@ onMounted(async () => {
           v-model="filterMarketPluginDialog"
           width="25rem"
           :close-on-content-click="false"
+          scrim
         >
           <template #activator="{ props }">
             <VBtn
@@ -625,7 +627,10 @@ onMounted(async () => {
               <template #loading />
               <template #empty />
               <div class="grid gap-4 grid-plugin-card">
-                <template v-for="(data, index) in displayUninstalledList" :key="`${data.id}_v${data.plugin_version}_${index}`">
+                <template
+                  v-for="(data, index) in displayUninstalledList"
+                  :key="`${data.id}_v${data.plugin_version}_${index}`"
+                >
                   <PluginAppCard :plugin="data" :count="PluginStatistics[data.id || '0']" @install="pluginInstalled" />
                 </template>
               </div>
diff --git a/src/views/torrent/TorrentCardListView.vue b/src/views/torrent/TorrentCardListView.vue
index a9650227..1dd78270 100644
--- a/src/views/torrent/TorrentCardListView.vue
+++ b/src/views/torrent/TorrentCardListView.vue
@@ -426,7 +426,7 @@ function loadMore({ done }: { done: any }) {
             <VChip v-if="filterForm[key].length > 0" size="small" color="primary" class="ms-1" variant="elevated">
               {{ filterForm[key].length }}
             </VChip>
-            <VMenu activator="parent" :close-on-content-click="false">
+            <VMenu activator="parent" :close-on-content-click="false" scrim>
               <VCard max-width="25rem">
                 <VCardText class="filter-menu-content">
                   <div class="flex justify-between">
diff --git a/src/views/torrent/TorrentRowListView.vue b/src/views/torrent/TorrentRowListView.vue
index c9f31bd4..8bafc33b 100644
--- a/src/views/torrent/TorrentRowListView.vue
+++ b/src/views/torrent/TorrentRowListView.vue
@@ -400,7 +400,7 @@ onMounted(() => {
               <VChip v-if="filterForm[key].length > 0" size="small" color="primary" class="ms-1" variant="elevated">
                 {{ filterForm[key].length }}
               </VChip>
-              <VMenu activator="parent" :close-on-content-click="false">
+              <VMenu activator="parent" :close-on-content-click="false" scrim>
                 <VCard max-width="20rem">
                   <VCardText class="filter-menu-content">
                     <div class="flex justify-between">