fix ui layout

src/components/filebrowser/FileList.vue

@@ -15,7 +15,7 @@ import { useDisplay } from 'vuetify'
 const display = useDisplay()
 
 // APP
-const appMode = inject('appMode')
+const appMode = inject('pwaMode') && display.mdAndDown.value
 
 // 输入参数
 const inProps = defineProps({

src/layouts/components/DefaultLayout.vue

@@ -14,7 +14,7 @@ import { NavMenu } from '@/@layouts/types'
 import { useDisplay } from 'vuetify'
 
 const display = useDisplay()
-const appMode = inject('appMode')
+const appMode = inject('pwaMode')
 
 // 是否超级用户
 let superUser = store.state.auth.superUser

src/layouts/components/Footer.vue

@@ -2,7 +2,7 @@
 import { useDisplay } from 'vuetify'
 
 const display = useDisplay()
-const appMode = inject('appMode') && display.mdAndDown
+const appMode = inject('pwaMode') && display.mdAndDown.value
 
 const route = useRoute()
 

src/main.ts

@@ -37,8 +37,8 @@ const app = createApp(App)
 async function initializeApp() {
   try {
     // 是否为PWA
-    const appMode = await isPWA()
+    const pwaMode = await isPWA()
-    app.provide('appMode', appMode)
+    app.provide('pwaMode', pwaMode)
     // 全局设置
     const globalSettings = await fetchGlobalSettings()
     app.provide('globalSettings', globalSettings)

src/pages/dashboard.vue

@@ -8,7 +8,8 @@ import DashboardElement from '@/components/misc/DashboardElement.vue'
 import { useDisplay } from 'vuetify'
 
 // APP
-const appMode = inject('appMode')
+const display = useDisplay()
+const appMode = inject('pwaMode') && display.mdAndDown.value
 
 // 从Vuex Store中获取superuser信息
 const superUser = store.state.auth.superUser
@@ -196,7 +197,7 @@ async function saveDashboardConfig() {
   const orderObj = dashboardConfigs.value.map(item => ({ id: item.id, key: item.key }))
   const orderString = JSON.stringify(orderObj)
   localStorage.setItem('MP_DASHBOARD_ORDER', orderString)
-  
+
   // 是否拉升高度
   localStorage.setItem('MP_DASHBOARD_ELEVATED', isElevated.value.toString())
 

src/pages/resource.vue

@@ -7,7 +7,8 @@ import TorrentRowListView from '@/views/discover/TorrentRowListView.vue'
 import { useDisplay } from 'vuetify'
 
 // APP
-const appMode = inject('appMode')
+const display = useDisplay()
+const appMode = inject('pwaMode') && display.mdAndDown.value
 
 // 路由参数
 const route = useRoute()

src/views/discover/TorrentRowListView.vue

@@ -8,7 +8,7 @@ import { useDisplay } from 'vuetify'
 const display = useDisplay()
 
 // APP
-const appMode = inject('appMode')
+const appMode = inject('pwaMode') && display.mdAndDown.value
 
 // 定义输入参数
 const props = defineProps({

src/views/plugin/PluginCardListView.vue

@@ -16,7 +16,7 @@ const route = useRoute()
 const display = useDisplay()
 
 // APP
-const appMode = inject('appMode')
+const appMode = inject('pwaMode') && display.mdAndDown.value
 
 // 当前标签
 const activeTab = ref(route.query.tab)

src/views/reorganize/TransferHistoryView.vue

@@ -11,7 +11,8 @@ import { useDisplay } from 'vuetify'
 import { storageDict } from '@/api/constants'
 
 // APP
-const appMode = inject('appMode')
+const display = useDisplay()
+const appMode = inject('pwaMode') && display.mdAndDown.value
 
 // 提示框
 const $toast = useToast()

src/views/site/SiteCardListView.vue

@@ -8,7 +8,8 @@ import SiteAddEditDialog from '@/components/dialog/SiteAddEditDialog.vue'
 import { useDisplay } from 'vuetify'
 
 // APP
-const appMode = inject('appMode')
+const display = useDisplay()
+const appMode = inject('pwaMode') && display.mdAndDown.value
 
 // 站点列表
 const siteList = ref<Site[]>([])

src/views/subscribe/SubscribeListView.vue

@@ -10,7 +10,8 @@ import store from '@/store'
 import { useDisplay } from 'vuetify'
 
 // APP
-const appMode = inject('appMode')
+const display = useDisplay()
+const appMode = inject('pwaMode') && display.mdAndDown.value
 
 // 输入参数
 const props = defineProps({

src/views/user/UserListView.vue

@@ -7,7 +7,8 @@ import UserCard from '@/components/cards/UserCard.vue'
 import UserAddEditDialog from '@/components/dialog/UserAddEditDialog.vue'
 
 // APP
-const appMode = inject('appMode')
+const display = useDisplay()
+const appMode = inject('pwaMode') && display.mdAndDown.value
 
 // 是否刷新过
 const isRefreshed = ref(false)