@xrenders/xflow
Version:
一款功能强大、易用灵活的流程编辑器框架,帮助你轻松构建复杂的工作流和流程产品
61 lines (60 loc) • 1.34 kB
CSS
.custom-node-start {
width: 240px;
padding: 0 12px;
background: #fff;
border-radius: 12px;
}
.custom-node-start .title {
display: flex;
height: 50px;
align-items: center;
}
.custom-node-start .title span {
font-weight: bold;
margin-left: 8px;
}
.custom-node-switch-setting .fr-list-simple,
.custom-node-switch-setting .ant-form-item,
.custom-node-switch-setting .fr-panel,
.custom-node-switch-setting .fr-inline-container {
width: 100%;
}
.node-switch-widget {
width: 100%;
}
.node-switch-widget .item-header {
position: relative;
}
.node-switch-widget .item-header .item-title {
text-align: right;
font-weight: 600;
padding-right: 5px;
}
.node-switch-widget .item-header .item-handle {
right: -12px;
}
.node-switch-widget .item-content {
margin: 5px 0;
}
.node-switch-widget .item-content .item-content-in {
background-color: #f2f4f7;
border-radius: 6px;
padding: 6px;
word-wrap: break-word;
text-align: justify;
}
.node-switch-widget-bottom {
width: 100%;
align-items: end;
}
.node-switch-widget-bottom .node-switch-bottom-item {
width: 100px;
}
.node-switch-widget-bottom .node-switch-bottom-item .item-header .item-title {
text-align: center;
font-weight: 600;
padding-bottom: 8px;
}
.node-switch-widget-bottom .node-switch-bottom-item .item-header .item-handle {
top: 1px;
}