diff options
| author | Tara Rostami <132676256+TaraRostami@users.noreply.github.com> | 2023-05-11 13:34:35 +0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-05-11 13:34:35 +0300 |
| commit | 7b3628d33b73b448277734f09264bacf10ff6e11 (patch) | |
| tree | 4833a4cedb21fd4db71aae8a5e2c628ebaf290d7 /web/html | |
| parent | ad1aa5b2f9e194c84381212fc6f9896810050fe1 (diff) | |
Optimized Settings UI (#408)
* Update custom.css
* Update setting.html
* Update settings.html
* Update antd.min.css
* Update antd.min.css
* Update settings.html
* Update custom.css
* Update custom.css
* Update antd.min.css
* Update setting.html
* Update custom.css
Diffstat (limited to 'web/html')
| -rw-r--r-- | web/html/xui/component/setting.html | 14 | ||||
| -rw-r--r-- | web/html/xui/settings.html | 6 |
2 files changed, 12 insertions, 8 deletions
diff --git a/web/html/xui/component/setting.html b/web/html/xui/component/setting.html index efd61684..568f03de 100644 --- a/web/html/xui/component/setting.html +++ b/web/html/xui/component/setting.html @@ -1,6 +1,13 @@ {{define "component/settingListItem"}} <a-list-item style="padding: 20px"> - <a-row> + <a-row v-if="type === 'textarea'"> + <a-col> + <a-list-item-meta :title="title" :description="desc"/> + <a-textarea class="ant-setting-textarea" :value="value" @input="$emit('input', $event.target.value)" :auto-size="{ minRows: 10 }"></a-textarea> + <!--a-textarea :value="value" @input="$emit('input', $event.target.value)" :auto-size="{ minRows: 10, maxRows: 30 }"></a-textarea--> + </a-col> + </a-row> + <a-row v-else> <a-col :lg="24" :xl="12"> <a-list-item-meta :title="title" :description="desc"/> </a-col> @@ -11,9 +18,6 @@ <template v-else-if="type === 'number'"> <a-input-number :value="value" @change="value => $emit('input', value)" :min="min" style="width: 100%;"></a-input-number> </template> - <template v-else-if="type === 'textarea'"> - <a-textarea :value="value" @input="$emit('input', $event.target.value)" :auto-size="{ minRows: 10, maxRows: 10 }"></a-textarea> - </template> <template v-else-if="type === 'switch'"> <a-switch :checked="value" @change="value => $emit('input', value)"></a-switch> </template> @@ -29,4 +33,4 @@ template: `{{template "component/settingListItem"}}`, }); </script> -{{end}}
\ No newline at end of file +{{end}} diff --git a/web/html/xui/settings.html b/web/html/xui/settings.html index b35b2ac9..d50822c2 100644 --- a/web/html/xui/settings.html +++ b/web/html/xui/settings.html @@ -36,7 +36,7 @@ <a-button type="primary" :disabled="saveBtnDisable" @click="updateAllSetting">{{ i18n "pages.settings.save" }}</a-button> <a-button type="danger" :disabled="!saveBtnDisable" @click="restartPanel">{{ i18n "pages.settings.restartPanel" }}</a-button> </a-space> - <a-tabs default-active-key="1" :class="themeSwitcher.darkCardClass" > + <a-tabs style="margin:1rem 0.5rem;" default-active-key="1" :class="themeSwitcher.darkCardClass" > <a-tab-pane key="1" tab='{{ i18n "pages.settings.panelSettings"}}'> <a-list item-layout="horizontal" :style="themeSwitcher.textStyle"> <setting-list-item type="text" title='{{ i18n "pages.settings.panelListeningIP"}}' desc='{{ i18n "pages.settings.panelListeningIPDesc"}}' v-model="allSetting.webListen"></setting-list-item> @@ -75,7 +75,7 @@ </a-tab-pane> <a-tab-pane key="2" tab='{{ i18n "pages.settings.securitySettings"}}' style="padding: 20px;"> - <a-tabs default-active-key="sec-1" :class="themeSwitcher.darkCardClass"> + <a-tabs class="ant-card-dark-securitybox-nohover" default-active-key="sec-1" :class="themeSwitcher.darkCardClass"> <a-tab-pane key="sec-1" tab='{{ i18n "pages.settings.security.admin"}}'> <a-form :style="'padding: 20px;' + themeSwitcher.textStyle"> <a-form-item label='{{ i18n "pages.settings.oldUsername"}}'> @@ -139,7 +139,7 @@ </a-space> <a-divider style="padding: 20px;">{{ i18n "pages.settings.templates.title"}} </a-divider> - <a-tabs default-active-key="tpl-1" :class="themeSwitcher.darkCardClass" style="padding: 20px 20px;"> + <a-tabs class="ant-card-dark-box-nohover" default-active-key="tpl-1" :class="themeSwitcher.darkCardClass" style="padding: 20px 20px;"> <a-tab-pane key="tpl-1" tab='{{ i18n "pages.settings.templates.basicTemplate"}}' style="padding-top: 20px;"> <a-collapse> <a-collapse-panel header='{{ i18n "pages.settings.templates.generalConfigs"}}'> |