refactor: 调整网格布局样式

src/@layouts/types.d.ts

@@ -124,6 +124,7 @@ export interface NavMenu extends NavLink {
   header: string
   description?: string
   admin?: boolean
+  footer?: boolean
 }
 
 // 👉 Vertical nav group

src/layouts/components/UserProfile.vue

@@ -6,9 +6,6 @@ import router from '@/router'
 import avatar1 from '@images/avatars/avatar-1.png'
 import api from '@/api'
 import ProgressDialog from '@/components/dialog/ProgressDialog.vue'
-import { useDisplay } from 'vuetify'
-
-const display = useDisplay()
 
 // Vuex Store
 const store = useStore()

src/pages/appcenter.vue

@@ -12,7 +12,7 @@ const appOrder = ref<string[]>([])
 
 // 根据分类获取菜单列表
 const getMenuList = () => {
-  return SystemNavMenus.filter((item: NavMenu) => !item.admin || superUser)
+  return SystemNavMenus.filter((item: NavMenu) => (!item.admin || superUser) && !item.footer)
 }
 
 // APP列表
@@ -48,7 +48,7 @@ onMounted(() => {
       :component-data="{ 'class': 'ma-0 mt-n1' }"
     >
       <template #item="{ element }">
-        <VCol cols="6" md="4" lg="3" class="text-center cursor-pointer shortcut-icon select-none">
+        <VCol cols="6" md="3" lg="2" class="text-center cursor-pointer shortcut-icon select-none">
           <VCard class="pa-4" :to="element.to" variant="flat">
             <VAvatar size="64" variant="text">
               <VIcon size="48" :icon="element.icon" color="primary" />

src/router/menu.ts

@@ -6,6 +6,7 @@ export const SystemNavMenus = [
     to: '/dashboard',
     header: '开始',
     admin: false,
+    footer: true,
   },
   {
     title: '推荐',
@@ -13,6 +14,7 @@ export const SystemNavMenus = [
     to: '/ranking',
     header: '发现',
     admin: false,
+    footer: true,
   },
   {
     title: '资源搜索',
@@ -28,6 +30,7 @@ export const SystemNavMenus = [
     to: '/subscribe/movie',
     header: '订阅',
     admin: false,
+    footer: true,
   },
   {
     title: '电视剧',
@@ -36,6 +39,7 @@ export const SystemNavMenus = [
     to: '/subscribe/tv',
     header: '订阅',
     admin: false,
+    footer: true,
   },
   {
     title: '日历',

src/styles/styles.scss

@@ -166,7 +166,7 @@
 }
 
 .grid-directory-card {
-  grid-template-columns: repeat(auto-fill, minmax(22rem, 1fr));
+  grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
   padding-block-end: 1rem;
 }