From 1631951a2462ea2bf60a50c0e2e210b6adff6847 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Tue, 10 Jun 2025 22:55:14 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96Footer=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E4=B8=AD=E7=9A=84=E6=8C=89=E9=92=AE=E5=9B=BE=E6=A0=87=E5=A4=A7?=
 =?UTF-8?q?=E5=B0=8F=E5=92=8C=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/components/Footer.vue | 18 +++++++-----------
 1 file changed, 7 insertions(+), 11 deletions(-)

diff --git a/src/layouts/components/Footer.vue b/src/layouts/components/Footer.vue
index 14dc90bd..a4ee273d 100644
--- a/src/layouts/components/Footer.vue
+++ b/src/layouts/components/Footer.vue
@@ -117,7 +117,7 @@ const showDynamicButton = computed(() => {
               :value="menu.to"
             >
               <div class="btn-content">
-                <VIcon :icon="menu.icon" :size="isEnglish ? 32 : 24"></VIcon>
+                <VIcon :icon="menu.icon" size="32"></VIcon>
                 <span v-if="!isEnglish" class="text-xs">{{ menu.title }}</span>
               </div>
             </VBtn>
@@ -134,8 +134,8 @@ const showDynamicButton = computed(() => {
               value="/apps"
             >
               <div class="btn-content">
-                <VIcon icon="mdi-dots-horizontal" :size="isEnglish ? 32 : 24"></VIcon>
-                <span v-if="!isEnglish" class="btn-text">{{ t('nav.more') }}</span>
+                <VIcon icon="mdi-dots-horizontal" size="32"></VIcon>
+                <span v-if="!isEnglish" class="text-xs">{{ t('nav.more') }}</span>
               </div>
             </VBtn>
           </VBtnToggle>
@@ -153,7 +153,7 @@ const showDynamicButton = computed(() => {
               rounded="pill"
               class="footer-nav-btn"
             >
-              <VIcon color="secondary" :icon="dynamicButton?.icon || 'mdi-plus'" size="24"></VIcon>
+              <VIcon color="secondary" :icon="dynamicButton?.icon || 'mdi-plus'" size="28"></VIcon>
             </VBtn>
           </VCardText>
         </VCard>
@@ -229,12 +229,8 @@ const showDynamicButton = computed(() => {
 
     span {
       overflow: hidden;
-      font-size: 0.75rem;
-      max-inline-size: 100%;
-      scale: var(--text-scale, 1);
       text-overflow: ellipsis;
       transform-origin: center;
-      transition: scale 0.2s ease;
       white-space: nowrap;
     }
   }
@@ -252,9 +248,9 @@ const showDynamicButton = computed(() => {
 
   .footer-nav-btn {
     padding: 0;
-    block-size: 36px;
-    inline-size: 36px;
-    min-inline-size: 36px;
+    block-size: 40px;
+    inline-size: 40px;
+    min-inline-size: 40px;
 
     .btn-content {
       margin: 0;