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/xui/component | |
| 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/xui/component')
| -rw-r--r-- | web/html/xui/component/setting.html | 14 |
1 files changed, 9 insertions, 5 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}} |