为多个组件的对话框添加全屏显示逻辑

src/views/setting/AccountSettingNotification.vue

@@ -7,7 +7,10 @@ import NotificationChannelCard from '@/components/cards/NotificationChannelCard.
 import ProgressDialog from '@/components/dialog/ProgressDialog.vue'
 import { useI18n } from 'vue-i18n'
 import { notificationSwitchDict } from '@/api/constants'
-import { useTheme } from 'vuetify'
+import { useTheme, useDisplay } from 'vuetify'
+
+// 显示器宽度
+const display = useDisplay()
 
 // 国际化
 const { t } = useI18n()
@@ -440,7 +443,7 @@ onMounted(() => {
     :indeterminate="true"
   />
   <!-- 模板编辑器对话框 -->
-  <VDialog v-model="editorVisible" v-if="editorVisible" max-width="50rem">
+  <VDialog v-model="editorVisible" v-if="editorVisible" max-width="50rem" :fullscreen="!display.mdAndUp.value">
     <VCard>
       <VCardItem>
         <VCardTitle>
@@ -454,7 +457,7 @@ onMounted(() => {
           v-model:value="editorContent"
           lang="json"
           :theme="editorTheme"
-          class="w-full min-h-[30rem] rounded"
+          class="w-full h-full min-h-[30rem] rounded"
         />
       </VCardText>
       <VCardActions class="pt-3">

src/views/setting/AccountSettingSystem.vue

@@ -11,6 +11,9 @@ import { copyToClipboard } from '@/@core/utils/navigator'
 import ProgressDialog from '@/components/dialog/ProgressDialog.vue'
 import { useI18n } from 'vue-i18n'
 import { downloaderOptions, mediaServerOptions } from '@/api/constants'
+import { useDisplay } from 'vuetify'
+
+const display = useDisplay()
 
 // 国际化
 const { t } = useI18n()
@@ -633,8 +636,15 @@ onDeactivated(() => {
       </VCard>
     </VCol>
   </VRow>
+
   <!-- 高级系统设置 -->
-  <VDialog v-if="advancedDialog" v-model="advancedDialog" scrollable max-width="60rem">
+  <VDialog
+    v-if="advancedDialog"
+    v-model="advancedDialog"
+    scrollable
+    max-width="60rem"
+    :fullscreen="!display.mdAndUp.value"
+  >
     <VCard>
       <VCardItem>
         <VDialogCloseBtn @click="advancedDialog = false" />

src/views/torrent/TorrentCardListView.vue

@@ -3,6 +3,10 @@ import { cloneDeepWith } from 'lodash-es'
 import type { Context } from '@/api/types'
 import TorrentCard from '@/components/cards/TorrentCard.vue'
 import { useI18n } from 'vue-i18n'
+import { useDisplay } from 'vuetify'
+
+// 显示器宽度
+const display = useDisplay()
 
 // 国际化
 const { t } = useI18n()
@@ -606,7 +610,13 @@ const handleSortIconClick = () => {
   </VCard>
 
   <!-- 全部筛选弹窗 -->
-  <VDialog v-model="allFilterMenuOpen" max-width="50rem" max-height="90%" location="center" scrollable>
+  <VDialog
+    v-model="allFilterMenuOpen"
+    max-width="50rem"
+    location="center"
+    scrollable
+    :fullscreen="!display.mdAndUp.value"
+  >
     <VCard>
       <VDialogCloseBtn @click="allFilterMenuOpen = false" />
       <VCardTitle class="py-3 d-flex align-center">
@@ -676,7 +686,7 @@ const handleSortIconClick = () => {
   </VDialog>
 
   <!-- 筛选弹窗 -->
-  <VDialog v-model="filterMenuOpen" max-width="25rem" max-height="80%" location="center">
+  <VDialog v-model="filterMenuOpen" max-width="25rem" location="center" max-height="85vh">
     <VCard>
       <VCardTitle class="py-3 d-flex align-center">
         <VIcon :icon="getFilterIcon(currentFilter)" class="me-2"></VIcon>

src/views/torrent/TorrentRowListView.vue

@@ -2,6 +2,10 @@
 import type { Context } from '@/api/types'
 import TorrentItem from '@/components/cards/TorrentItem.vue'
 import { useI18n } from 'vue-i18n'
+import { useDisplay } from 'vuetify'
+
+// 显示器宽度
+const display = useDisplay()
 
 // 国际化
 const { t } = useI18n()
@@ -582,7 +586,13 @@ onMounted(() => {
     </VCard>
 
     <!-- 全部筛选弹窗 -->
-    <VDialog v-model="allFilterMenuOpen" max-width="50rem" max-height="90%" location="center" scrollable>
+    <VDialog
+      v-model="allFilterMenuOpen"
+      max-width="50rem"
+      location="center"
+      scrollable
+      :fullscreen="!display.mdAndUp.value"
+    >
       <VCard>
         <VDialogCloseBtn @click="allFilterMenuOpen = false" />
         <VCardTitle class="py-3 d-flex align-center">
@@ -652,7 +662,7 @@ onMounted(() => {
     </VDialog>
 
     <!-- 筛选弹窗 -->
-    <VDialog v-model="filterMenuOpen" max-width="25rem" max-height="80%" location="center">
+    <VDialog v-model="filterMenuOpen" max-width="25rem" max-height="85vh" location="center">
       <VCard>
         <VCardTitle class="py-3 d-flex align-center">
           <VIcon :icon="getFilterIcon(currentFilter)" class="me-2"></VIcon>

src/views/user/UserListView.vue

@@ -114,7 +114,6 @@ useDynamicButton({
       v-model="addUserDialog"
       oper="add"
       max-width="45rem"
-      persistent
       @save="onUserAdd"
       @close="addUserDialog = false"
     />