diff --git a/src/components/cards/PluginCard.vue b/src/components/cards/PluginCard.vue index 90e90094..64e3de37 100644 --- a/src/components/cards/PluginCard.vue +++ b/src/components/cards/PluginCard.vue @@ -11,6 +11,10 @@ import { isNullOrEmptyObject } from '@core/utils' import noImage from '@images/logos/plugin.png' import { getDominantColor } from '@/@core/utils/image' import store from '@/store' +import { useDisplay } from 'vuetify' + +// 显示器宽度 +const displayWidth = useDisplay().width // 输入参数 const props = defineProps({ @@ -477,6 +481,7 @@ watch(() => props.plugin?.has_update, (newHasUpdate, oldHasUpdate) => { v-model="pluginConfigDialog" scrollable max-width="60rem" + :fullscreen="displayWidth < (60 * 16)" > props.plugin?.has_update, (newHasUpdate, oldHasUpdate) => { v-model="pluginInfoDialog" scrollable max-width="80rem" + :fullscreen="displayWidth < (80 * 16)" > { + @@ -381,6 +387,7 @@ onMounted(() => { max-width="80rem" scrollable z-index="1010" + :fullscreen="displayWidth < (80 * 16)" > diff --git a/src/components/dialog/ReorganizeDialog.vue b/src/components/dialog/ReorganizeDialog.vue index fa851c86..7584cf51 100644 --- a/src/components/dialog/ReorganizeDialog.vue +++ b/src/components/dialog/ReorganizeDialog.vue @@ -4,6 +4,10 @@ import TmdbSelector from '../misc/TmdbSelector.vue' import store from '@/store' import api from '@/api' import { numberValidator } from '@/@validators' +import { useDisplay } from 'vuetify' + +// 显示器宽度 +const displayWidth = useDisplay().width // 输入参数 const props = defineProps({ @@ -144,6 +148,7 @@ async function transfer() { { { v-if="nameTestDialog" v-model="nameTestDialog" max-width="50rem" + :fullscreen="displayWidth < (50 * 16)" > @@ -258,6 +263,7 @@ onMounted(() => { v-if="netTestDialog" v-model="netTestDialog" max-width="35rem" + :fullscreen="displayWidth < (35 * 16)" > @@ -270,8 +276,9 @@ onMounted(() => { @@ -297,6 +304,7 @@ onMounted(() => { v-model="ruleTestDialog" max-width="50rem" scrollable + :fullscreen="displayWidth < (50 * 16)" > @@ -311,6 +319,7 @@ onMounted(() => { v-model="systemTestDialog" max-width="50rem" scrollable + :fullscreen="displayWidth < (50 * 16)" > @@ -325,6 +334,7 @@ onMounted(() => { v-model="messageDialog" max-width="60rem" scrollable + :fullscreen="displayWidth < (60 * 16)" > diff --git a/src/pages/dashboard.vue b/src/pages/dashboard.vue index 2ea4760d..8d11a923 100644 --- a/src/pages/dashboard.vue +++ b/src/pages/dashboard.vue @@ -11,6 +11,10 @@ import MediaServerLibrary from '@/views/dashboard/MediaServerLibrary.vue' import MediaServerPlaying from '@/views/dashboard/MediaServerPlaying.vue' import api from '@/api' import { isNullOrEmptyObject } from '@/@core/utils' +import { useDisplay } from 'vuetify' + +// 显示器宽度 +const displayWidth = useDisplay().width // 仪表盘配置 const dashboard_names = { @@ -157,6 +161,7 @@ function setDashboardConfig() { v-model="dialog" max-width="600" scrollable + :fullscreen="displayWidth < 600" > @@ -166,6 +171,7 @@ function setDashboardConfig() { :key="key" cols="12" md="4" + sm="4" >