Refactor navigator utility functions and add isPWA check

src/views/discover/TorrentRowListView.vue

@@ -8,9 +8,7 @@ import { useDisplay } from 'vuetify'
 const display = useDisplay()
 
 // APP
-const appMode = computed(() => {
-  return localStorage.getItem('MP_APPMODE') != '0' && display.mdAndDown.value
-})
+const appMode = inject('appMode')
 
 // 定义输入参数
 const props = defineProps({
@@ -38,7 +36,7 @@ const filterForm = reactive({
 
 // 列表样式
 const listStyle = computed(() => {
-  return appMode.value
+  return appMode
     ? 'height: calc(100vh - 7.5rem - env(safe-area-inset-bottom) - 3.5rem)'
     : 'height: calc(100vh - 6.5rem - env(safe-area-inset-bottom)'
 })

src/views/plugin/PluginCardListView.vue

@@ -16,9 +16,7 @@ const route = useRoute()
 const display = useDisplay()
 
 // APP
-const appMode = computed(() => {
-  return localStorage.getItem('MP_APPMODE') != '0' && display.mdAndDown.value
-})
+const appMode = inject('appMode')
 
 // 当前标签
 const activeTab = ref(route.query.tab)

src/views/reorganize/TransferHistoryView.vue

@@ -10,13 +10,8 @@ import router from '@/router'
 import { useDisplay } from 'vuetify'
 import { storageDict } from '@/api/constants'
 
-// 显示器宽度
-const display = useDisplay()
-
 // APP
-const appMode = computed(() => {
-  return localStorage.getItem('MP_APPMODE') != '0' && display.mdAndDown.value
-})
+const appMode = inject('appMode')
 
 // 提示框
 const $toast = useToast()
@@ -126,7 +121,7 @@ const TransferDict: { [key: string]: string } = {
 }
 
 const tableStyle = computed(() => {
-  return appMode.value
+  return appMode
     ? 'height: calc(100vh - 15.5rem - env(safe-area-inset-bottom) - 3.5rem)'
     : 'height: calc(100vh - 14.5rem - env(safe-area-inset-bottom)'
 })

src/views/site/SiteCardListView.vue

@@ -7,13 +7,8 @@ import NoDataFound from '@/components/NoDataFound.vue'
 import SiteAddEditDialog from '@/components/dialog/SiteAddEditDialog.vue'
 import { useDisplay } from 'vuetify'
 
-// 显示器宽度
-const display = useDisplay()
-
 // APP
-const appMode = computed(() => {
-  return localStorage.getItem('MP_APPMODE') != '0' && display.mdAndDown.value
-})
+const appMode = inject('appMode')
 
 // 站点列表
 const siteList = ref<Site[]>([])

src/views/subscribe/SubscribeListView.vue

@@ -9,13 +9,8 @@ import SubscribeHistoryDialog from '@/components/dialog/SubscribeHistoryDialog.v
 import store from '@/store'
 import { useDisplay } from 'vuetify'
 
-// 显示器宽度
-const display = useDisplay()
-
 // APP
-const appMode = computed(() => {
-  return localStorage.getItem('MP_APPMODE') != '0' && display.mdAndDown.value
-})
+const appMode = inject('appMode')
 
 // 输入参数
 const props = defineProps({

src/views/user/UserListView.vue

@@ -7,10 +7,7 @@ import UserCard from '@/components/cards/UserCard.vue'
 import UserAddEditDialog from '@/components/dialog/UserAddEditDialog.vue'
 
 // APP
-const display = useDisplay()
-const appMode = computed(() => {
-  return localStorage.getItem('MP_APPMODE') != '0' && display.mdAndDown.value
-})
+const appMode = inject('appMode')
 
 // 是否刷新过
 const isRefreshed = ref(false)
@@ -58,7 +55,7 @@ onActivated(() => {
 <template>
   <LoadingBanner v-if="!isRefreshed" class="mt-12" />
 
-  <div v-if="allUsers.length > 0" class="grid gap-3 grid-user-card items-start">
+  <div v-if="allUsers.length > 0" class="grid gap-3 grid-user-card">
     <UserCard v-for="user in allUsers" :user="user" :users="allUsers" @remove="loadAllUsers" @save="loadAllUsers" />
   </div>