zishuo/tiny-rdm
1
0
Fork 0
mirror of https://github.com/tiny-craft/tiny-rdm.git synced 2025-10-14 03:13:43 +08:00
Code Issues Packages Projects Releases Wiki Activity

perf: moved all labels in form item to the top for adjust long text

Browse Source
This commit is contained in:
tiny-craft
2023-08-23 12:00:02 +08:00
parent fa9d1850c7
commit bb3316a67a
13 changed files with 32 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/src/components/dialogs/SetTtlDialog.vue
View File

@@ -8,7 +8,6 @@ const ttlForm = reactive({
ttl: -1,
})
const formLabelWidth = '80px'
const dialogStore = useDialog()
const connectionStore = useConnectionStore()
const tabStore = useTabStore()
@@ -74,13 +73,7 @@ const onConfirm = async () => {
preset="dialog"
transform-origin="center"
>
<n-form
:label-width="formLabelWidth"
:model="ttlForm"
:show-require-mark="false"
label-align="right"
label-placement="left"
>
<n-form :model="ttlForm" :show-require-mark="false" label-placement="top">
<n-form-item :label="$t('key')">
<n-input :value="currentKey" readonly />
</n-form-item>