Skip to content

Commit

Permalink
优化表达式编辑器布局:1. 在水平布局中移除变量区域的右内边距,添加左边距;2. 设置布局间距和对齐方式,以提升整体一致性。
Browse files Browse the repository at this point in the history
  • Loading branch information
iwangbowen committed Feb 18, 2025
1 parent 76272a0 commit d77e797
Showing 1 changed file with 8 additions and 5 deletions.
13 changes: 8 additions & 5 deletions src/components/ExpressionEditor.vue
Original file line number Diff line number Diff line change
Expand Up @@ -1775,22 +1775,25 @@ onMounted(() => {
&.horizontal-layout {
flex-direction: row;
gap: 0;
display: flex;
align-items: flex-start;
.variables-section {
border-right: 1px solid var(--editor-border);
margin-right: 16px; // 只保留margin-right,移除padding-right
min-width: 200px;
flex-shrink: 1;
// 在水平布局时设置最大高度
max-height: 600px;
}
.calculator {
margin-left: 12px; // 只在虚拟键盘上添加最小的左边距
flex-shrink: 0;
}
&.hide-keyboard {
gap: 0;
.variables-section {
border-right: none;
margin-right: 0; // 在隐藏键盘时移除右边距
}
}
}
Expand Down

0 comments on commit d77e797

Please sign in to comment.