style(flowEditor): 优化节点样式和布局

- 为节点添加阴影效果,提升立体感
- 将节点连接点背景色改为蓝色,增加视觉区分度
master
钟良源 5 months ago
parent c9cd23039e
commit a82c544968

@ -23,7 +23,7 @@ const renderSpecialNodeHandles = (isStartNode: boolean, isEndNode: boolean, inpu
position={isStartNode ? Position.Right : Position.Left} position={isStartNode ? Position.Right : Position.Left}
id={isStartNode ? 'start-source' : 'end-target'} id={isStartNode ? 'start-source' : 'end-target'}
style={{ style={{
background: '#555', background: '#2290f6',
top: '40px' top: '40px'
}} }}
/> />
@ -67,7 +67,7 @@ const renderRegularNodeHandles = (inputs: any[], outputs: any[]) => {
position={Position.Right} position={Position.Right}
id="start-source" id="start-source"
style={{ style={{
background: '#555', background: '#2290f6',
top: '40px' top: '40px'
}} }}
/> />
@ -76,7 +76,7 @@ const renderRegularNodeHandles = (inputs: any[], outputs: any[]) => {
position={Position.Left} position={Position.Left}
id="end-target" id="end-target"
style={{ style={{
background: '#555', background: '#2290f6',
top: '40px' top: '40px'
}} }}
/> />

@ -4,6 +4,7 @@
color: white; color: white;
min-width: 150px; min-width: 150px;
font-size: 14px; font-size: 14px;
box-shadow: 0px 5px 15px #ccc;
.node-header { .node-header {
padding: 5px 15px; padding: 5px 15px;

Loading…
Cancel
Save