diff options
| author | Tara Rostami <132676256+TaraRostami@users.noreply.github.com> | 2024-03-09 16:06:16 +0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-03-09 16:06:16 +0300 |
| commit | ffa531f9cac29802af8778404679d6112b7a6b97 (patch) | |
| tree | a6b3f7db19da353277a64a02ab78b766627e3168 /web/html/xui/component | |
| parent | 05deb89451b53b57b6ebe90f6b6df6a0b98bd156 (diff) | |
Minor Fixes (#1992)
autocomplete
max - min for input-number
Diffstat (limited to 'web/html/xui/component')
| -rw-r--r-- | web/html/xui/component/setting.html | 4 | ||||
| -rw-r--r-- | web/html/xui/component/themeSwitch.html | 12 |
2 files changed, 11 insertions, 5 deletions
diff --git a/web/html/xui/component/setting.html b/web/html/xui/component/setting.html index 82c0ae75..8adc000c 100644 --- a/web/html/xui/component/setting.html +++ b/web/html/xui/component/setting.html @@ -16,7 +16,7 @@ <a-input :value="value" @input="$emit('input', $event.target.value)" :placeholder="placeholder"></a-input> </template> <template v-else-if="type === 'number'"> - <a-input-number :value="value" :step="step" @change="value => $emit('input', value)" :min="min" style="width: 100%;"></a-input-number> + <a-input-number :value="value" :step="step" @change="value => $emit('input', value)" :min="min" :max="max" style="width: 100%;"></a-input-number> </template> <template v-else-if="type === 'switch'"> <a-switch :checked="value" @change="value => $emit('input', value)"></a-switch> @@ -29,7 +29,7 @@ {{define "component/setting"}} <script> Vue.component('setting-list-item', { - props: ["type", "title", "desc", "value", "min", "step", "placeholder"], + props: ["type", "title", "desc", "value", "min", "max" , "step", "placeholder"], template: `{{template "component/settingListItem"}}`, }); </script> 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}} |