GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-09-05 07:28:37 +08:00
Code Issues Packages Projects Releases Wiki Activity

优化Footer组件中的按钮图标大小和样式

Browse Source
This commit is contained in:
jxxghp
2025-06-10 22:55:14 +08:00
parent 31bdd89373
commit 1631951a24
1 changed files with 7 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/layouts/components/Footer.vue
+7 -11
View File
@@ -117,7 +117,7 @@ const showDynamicButton = computed(() => {
:value="menu.to" :value="menu.to"
> >
<div class="btn-content"> <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> <span v-if="!isEnglish" class="text-xs">{{ menu.title }}</span>
</div> </div>
</VBtn> </VBtn>
@@ -134,8 +134,8 @@ const showDynamicButton = computed(() => {
value="/apps" value="/apps"
> >
<div class="btn-content"> <div class="btn-content">
<VIcon icon="mdi-dots-horizontal" :size="isEnglish ? 32 : 24"></VIcon> <VIcon icon="mdi-dots-horizontal" size="32"></VIcon>
<span v-if="!isEnglish" class="btn-text">{{ t('nav.more') }}</span> <span v-if="!isEnglish" class="text-xs">{{ t('nav.more') }}</span>
</div> </div>
</VBtn> </VBtn>
</VBtnToggle> </VBtnToggle>
@@ -153,7 +153,7 @@ const showDynamicButton = computed(() => {
rounded="pill" rounded="pill"
class="footer-nav-btn" 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> </VBtn>
</VCardText> </VCardText>
</VCard> </VCard>
@@ -229,12 +229,8 @@ const showDynamicButton = computed(() => {
span { span {
overflow: hidden; overflow: hidden;
font-size: 0.75rem;
max-inline-size: 100%;
scale: var(--text-scale, 1);
text-overflow: ellipsis; text-overflow: ellipsis;
transform-origin: center; transform-origin: center;
transition: scale 0.2s ease;
white-space: nowrap; white-space: nowrap;
} }
} }
@@ -252,9 +248,9 @@ const showDynamicButton = computed(() => {
.footer-nav-btn { .footer-nav-btn {
padding: 0; padding: 0;
block-size: 36px; block-size: 40px;
inline-size: 36px; inline-size: 40px;
min-inline-size: 36px; min-inline-size: 40px;
.btn-content { .btn-content {
margin: 0; margin: 0;