diff options
Diffstat (limited to 'web/html/xui/component/themeSwitch.html')
| -rw-r--r-- | web/html/xui/component/themeSwitch.html | 12 |
1 files changed, 9 insertions, 3 deletions
diff --git a/web/html/xui/component/themeSwitch.html b/web/html/xui/component/themeSwitch.html index 2301da94..191632c1 100644 --- a/web/html/xui/component/themeSwitch.html +++ b/web/html/xui/component/themeSwitch.html @@ -1,8 +1,14 @@ {{define "component/themeSwitchTemplate"}} <template> - <a-switch size="small" :default-checked="themeSwitcher.isDarkTheme" - @change="themeSwitcher.toggleTheme()"> - </a-switch> + <a-menu :theme="themeSwitcher.currentTheme" mode="inline" selected-keys=""> + <a-menu-item mode="inline" class="ant-menu-theme-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-checkbox style="margin-left: 1rem; vertical-align: middle;" :checked="themeSwitcher.isUltra" @click="themeSwitcher.toggleUltra()">Ultra</a-checkbox> + </template> + </a-menu-item> + </a-menu> </template> {{end}} |