style(flow-editor): 调整节点输入输出样式布局

- 优化 `.node-inputs` 和 `.node-outputs-api` 的 flex 布局属性
- 为 `.node-input-label` 和 `.node-output-label` 添加统一的字体大小和内边距
- 设置标签高度和行高以保持一致性
-为数据类型文本添加颜色样式 (#adadad)- 调整 `.node-inputs` 的底部外边距
- 重新组织 CSS 结构以提高可读性
master
钟良源 3 months ago
parent 8e5708048c
commit 0239ef6ac2

@ -59,32 +59,42 @@
padding-left: 10px; padding-left: 10px;
} }
//.node-inputs,
//.node-outputs,
.node-inputs-api, .node-inputs-api,
.node-outputs-api { .node-outputs-api {
flex: 1; flex: 1;
} }
.node-outputs-api { .node-inputs {
margin-bottom: 5px;
.node-input-label { .node-input-label {
font-size: 12px; font-size: 12px;
padding: 1px 0; padding: 1px 0;
height: 20px; height: 20px;
line-height: 20px; line-height: 20px;
.node-data-type {
color: #adadad;
} }
} }
.node-inputs {
margin-bottom: 5px;
} }
.node-outputs, .node-outputs,
.node-outputs-api { .node-outputs-api {
text-align: right; text-align: right;
} }
.node-output-label {
font-size: 12px;
padding: 1px 0;
height: 20px;
line-height: 20px;
.node-data-type {
color: #adadad;
}
}
} }
.node-content-api { .node-content-api {

Loading…
Cancel
Save