github_mirrors/vue-vben-admin
1
0
Fork 0
mirror of https://github.com/vbenjs/vue-vben-admin.git synced 2025-08-26 16:46:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore: semiDarkMenu renamed semiDarkSidebar (#4152)

Browse Source
This commit is contained in:
Vben
2024-08-14 22:20:10 +08:00
committed by GitHub
parent 8f40d5107c
commit 9c6e059aac
9 changed files with 15 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/effects/layouts/src/basic/layout.vue
View File

@@ -48,7 +48,7 @@ const { updateWatermark } = useWatermark();
const lockStore = useLockStore();
const sidebarTheme = computed(() => {
const dark = isDark.value || preferences.theme.semiDarkMenu;
const dark = isDark.value || preferences.theme.semiDarkSidebar;
return dark ? 'dark' : 'light';
});

6
packages/effects/layouts/src/widgets/preferences/blocks/theme/theme.vue
View File

@@ -13,7 +13,7 @@ defineOptions({
});
const modelValue = defineModel<string>({ default: 'auto' });
const themeSemiDarkMenu = defineModel<boolean>('themeSemiDarkMenu');
const themeSemiDarkSidebar = defineModel<boolean>('themeSemiDarkSidebar');
const themeSemiDarkHeader = defineModel<boolean>('themeSemiDarkHeader');
const THEME_PRESET: Array<{ icon: Component; name: ThemeModeType }> = [
@@ -70,11 +70,11 @@ function nameView(name: string) {
</template>
<SwitchItem
v-model="themeSemiDarkMenu"
v-model="themeSemiDarkSidebar"
:disabled="modelValue === 'dark'"
class="mt-6"
>
{{ $t('preferences.theme.darkMenu') }}
{{ $t('preferences.theme.darkSidebar') }}
</SwitchItem>
<SwitchItem v-model="themeSemiDarkHeader" :disabled="modelValue === 'dark'">
{{ $t('preferences.theme.darkHeader') }}

4
packages/effects/layouts/src/widgets/preferences/preferences-sheet.vue
View File

@@ -73,7 +73,7 @@ const themeColorPrimary = defineModel<string>('themeColorPrimary');
const themeBuiltinType = defineModel<BuiltinThemeType>('themeBuiltinType');
const themeMode = defineModel<ThemeModeType>('themeMode');
const themeRadius = defineModel<string>('themeRadius');
const themeSemiDarkMenu = defineModel<boolean>('themeSemiDarkMenu');
const themeSemiDarkSidebar = defineModel<boolean>('themeSemiDarkSidebar');
const themeSemiDarkHeader = defineModel<boolean>('themeSemiDarkHeader');
const sidebarEnable = defineModel<boolean>('sidebarEnable');
@@ -276,7 +276,7 @@ async function handleReset() {
<Theme
v-model="themeMode"
v-model:theme-semi-dark-header="themeSemiDarkHeader"
v-model:theme-semi-dark-menu="themeSemiDarkMenu"
v-model:theme-semi-dark-sidebar="themeSemiDarkSidebar"
/>
</Block>
<Block :title="$t('preferences.theme.builtin.title')">