style(projects): update theme mode segment height

This commit is contained in:
Soybean 2024-01-16 23:39:31 +08:00
parent 5023f37125
commit 4d8469e2d1

View File

@ -28,9 +28,15 @@ const showSiderInverted = computed(() => !themeStore.darkMode && themeStore.layo
<NDivider>{{ $t('theme.themeSchema.title') }}</NDivider> <NDivider>{{ $t('theme.themeSchema.title') }}</NDivider>
<div class="flex-vertical-stretch gap-16px"> <div class="flex-vertical-stretch gap-16px">
<div class="i-flex-center"> <div class="i-flex-center">
<NTabs type="segment" size="small" :value="themeStore.themeScheme" @update:value="handleSegmentChange"> <NTabs
type="segment"
size="small"
class="w-214px"
:value="themeStore.themeScheme"
@update:value="handleSegmentChange"
>
<NTab v-for="(_, key) in themeSchemaRecord" :key="key" :name="key"> <NTab v-for="(_, key) in themeSchemaRecord" :key="key" :name="key">
<SvgIcon :icon="icons[key]" class="h-28px text-icon-small" /> <SvgIcon :icon="icons[key]" class="h-23px text-icon-small" />
</NTab> </NTab>
</NTabs> </NTabs>
</div> </div>