优化多个页面的标签样式,提升组件一致性和用户体验

This commit is contained in:
jxxghp
2025-04-02 13:20:22 +08:00
parent 3822ab20d5
commit 7a691fe4e7
7 changed files with 120 additions and 113 deletions

View File

@@ -397,12 +397,10 @@ onMounted(async () => {
<template>
<div>
<VTabs v-model="activeTab" show-arrows>
<VTab v-for="item in PluginTabs" :value="item.tab">
<div class="flex align-center min-w-24">
<VIcon size="20" start :icon="item.icon" />
{{ item.title }}
</div>
<VTabs v-model="activeTab" show-arrows stacked>
<VTab v-for="item in PluginTabs" :value="item.tab" class="px-10 rounded-t-lg">
<VIcon size="x-large" start :icon="item.icon" />
{{ item.title }}
</VTab>
</VTabs>

View File

@@ -151,7 +151,7 @@ onActivated(async () => {
handle=".cursor-move"
item-key="id"
tag="div"
:component-data="{ class: 'grid gap-4 grid-subscribe-card p-1' }"
:component-data="{ class: 'grid gap-4 grid-subscribe-card' }"
>
<template #item="{ element }">
<SubscribeCard :key="element.id" :media="element" @remove="fetchData" @save="fetchData" />