dolphin-projects/dolphin-frontend
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

refactor(projects): perf code

Browse Source
This commit is contained in:
Soybean
2024-03-24 03:02:08 +08:00
parent 187098136e
commit f91ef30bd5
54 changed files with 219 additions and 119 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -26,7 +26,7 @@ const showSiderInverted = computed(() => !themeStore.darkMode && themeStore.layo
<template>
<NDivider>{{ $t('theme.themeSchema.title') }}</NDivider>
<div class="flex-vertical-stretch gap-16px">
<div class="flex-col-stretch gap-16px">
<div class="i-flex-center">
<NTabs
:key="themeStore.themeScheme"
@ -50,20 +50,13 @@ const showSiderInverted = computed(() => !themeStore.darkMode && themeStore.layo
</template>
<style scoped>
.sider-inverted-enter-active {
height: 22px;
transition: all 0.3s ease-in-out;
}
.sider-inverted-enter-active,
.sider-inverted-leave-active {
height: 22px;
transition: all 0.3s ease-in-out;
--uno: h-22px transition-all-300;
}
.sider-inverted-enter-from,
.sider-inverted-leave-to {
transform: translateX(20px);
opacity: 0;
height: 0;
--uno: translate-x-20px opacity-0 h-0;
}
</style>