Update themeSwitch.html

This commit is contained in:
Tara Rostami 2024-03-07 12:27:02 +03:30 committed by GitHub
parent 6f807823b9
commit a9af6feb6d
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -1,8 +1,15 @@
{{define "component/themeSwitchTemplate"}} {{define "component/themeSwitchTemplate"}}
<template> <template>
<a-switch size="small" :default-checked="themeSwitcher.isDarkTheme" <a-menu :theme="themeSwitcher.currentTheme" mode="inline" selected-keys="">
@change="themeSwitcher.toggleTheme()"> <a-menu-item mode="inline" class="ant-menu-theme-swich">
</a-switch> <a-icon type="bulb" :theme="themeSwitcher.isDarkTheme ? 'filled' : 'outlined'"></a-icon>
<a-switch size="small" :default-checked="themeSwitcher.isDarkTheme" @change="themeSwitcher.toggleTheme()"></a-switch>
<template v-if="themeSwitcher.isDarkTheme">
<a-icon style="margin-left: 0.6rem; vertical-align: middle;" type="eye" :theme="themeSwitcher.isUltra ? 'filled' : 'outlined'"></a-icon>
<a-switch size="small" :checked="themeSwitcher.isUltra" @click="themeSwitcher.toggleUltra()"></a-switch>
</template>
</a-menu-item>
</a-menu>
</template> </template>
{{end}} {{end}}