feat: 在多个视图中添加 scrim 属性以改善对话框显示效果

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

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;
   }
 }
 

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>

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">

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">