xinyin025/soybean-admin
1
0
Fork 0
mirror of https://github.com/soybeanjs/soybean-admin.git synced 2025-09-17 09:16:37 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

style(projects): update theme mode segment height

Browse Source
This commit is contained in:
Soybean 2024-01-16 23:39:31 +08:00
parent 5023f37125
commit 4d8469e2d1
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/layouts/modules/theme-drawer/modules/dark-mode.vue
View File

@ -28,9 +28,15 @@ const showSiderInverted = computed(() => !themeStore.darkMode && themeStore.layo
<NDivider>{{ $t('theme.themeSchema.title') }}</NDivider>
<div class="flex-vertical-stretch gap-16px">
<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">
<SvgIcon :icon="icons[key]" class="h-28px text-icon-small" />
<SvgIcon :icon="icons[key]" class="h-23px text-icon-small" />
</NTab>
</NTabs>
</div>