feat: add fullscreen support to TransparencySettingsDialog based on display size

src/components/dialog/TransparencySettingsDialog.vue

@@ -1,10 +1,14 @@
 <script setup lang="ts">
 import { useTransparencySettings } from '@/composables/useTransparencySettings'
 import { useI18n } from 'vue-i18n'
+import { useDisplay } from 'vuetify'
 
 // 国际化
 const { t } = useI18n()
 
+// 显示器宽度
+const display = useDisplay()
+
 // 输入参数
 const props = withDefaults(
   defineProps<{
@@ -48,7 +52,7 @@ const {
 </script>
 
 <template>
-  <VDialog v-if="visible" v-model="visible" max-width="30rem">
+  <VDialog v-if="visible" v-model="visible" max-width="30rem" scrollable :fullscreen="!display.mdAndUp.value">
     <VCard>
       <VCardItem>
         <VCardTitle>

src/styles/themes/transparent.scss

@@ -1,3 +1,5 @@
+/* stylelint-disable no-duplicate-selectors */
+/* stylelint-disable no-descending-specificity */
 /* stylelint-disable scss/at-rule-no-unknown */
 
 // 透明主题专用样式
@@ -250,7 +252,6 @@ html[data-theme="transparent"].transparent-glass-realtime {
   .agent-assistant-panel,
   .agent-assistant-fab__bubble,
   .nav-button,
-  .layout-navbar,
   .v-overlay__content,
   .v-overlay__content .v-card:not(.bg-primary),
   .v-overlay__content .v-list {