Skip to content

Commit 8a4d553

Browse files
committed
优化设置对话框:1. 调整对话框宽度和标签宽度,以改善用户体验;2. 在样式中添加隐藏键盘时移除间隙的逻辑,提升布局一致性。
1 parent e890684 commit 8a4d553

File tree

2 files changed

+14
-2
lines changed

2 files changed

+14
-2
lines changed

src/components/EditorSettings.vue

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<template>
2-
<el-dialog v-model="dialogVisible" :title="t('settings.title')" width="400px" :close-on-click-modal="false">
2+
<el-dialog v-model="dialogVisible" :title="t('settings.title')" width="460px" :close-on-click-modal="false">
33
<div class="settings-form">
4-
<el-form label-position="left" label-width="120px">
4+
<el-form label-position="left" label-width="180px">
55
<el-form-item :label="t('settings.autoCompleteBrackets')">
66
<el-switch v-model="localSettings.autoCompleteBrackets" />
77
</el-form-item>
@@ -108,4 +108,9 @@ const handleCancel = () => {
108108
justify-content: flex-end;
109109
gap: 12px;
110110
}
111+
112+
:deep(.el-form-item__label) {
113+
font-size: 14px;
114+
white-space: nowrap;
115+
}
111116
</style>

src/components/ExpressionEditor.vue

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1761,10 +1761,17 @@ onMounted(() => {
17611761
.calculator {
17621762
display: none;
17631763
}
1764+
// 当隐藏键盘时,移除间隙
1765+
gap: 0;
17641766
}
17651767
17661768
&.horizontal-layout {
17671769
flex-direction: row;
1770+
1771+
// 在水平布局且隐藏键盘时,移除间隙
1772+
&.hide-keyboard {
1773+
gap: 0;
1774+
}
17681775
}
17691776
}
17701777
</style>

0 commit comments

Comments
 (0)