2 lines
5.1 KiB
Java
2 lines
5.1 KiB
Java
.fd-design{display:flex;flex-direction:column;height:100%}.fd-toolbar{flex-shrink:0;padding:10px 16px;background:#fff;border-bottom:1px solid #f0f0f0}.fd-toolbar .fd-tb-item{margin-right:24px;font-size:14px;color:#333}.fd-toolbar .fd-tb-tip{color:#999;font-size:12px}.fd-body{flex:1;display:flex;min-height:0}.fd-palette{flex-shrink:0;width:220px;overflow-y:auto;background:#fff;border-right:1px solid #f0f0f0;padding:14px 12px}.fd-palette .fd-palette-title{font-size:14px;font-weight:600;color:#333;margin-bottom:6px}.fd-palette .fd-palette-tip{font-size:12px;color:#999;line-height:1.5;margin-bottom:12px}.fd-palette .fd-palette-tip.fd-palette-empty{color:#d48806;background:#fffbe6;border:1px solid #ffe58f;border-radius:6px;padding:8px 10px}.fd-palette .fd-palette-list{display:flex;flex-direction:column;gap:10px}.fd-palette .fd-palette-item{position:relative;border:1px solid #e8e8e8;border-radius:6px;padding:8px 30px 8px 10px;cursor:pointer;transition:all .15s;border-left:3px solid #ff943e}.fd-palette .fd-palette-item.fd-palette-cc{border-left-color:#3296fa}.fd-palette .fd-palette-item .fd-palette-item-name{font-size:13px;color:#333;font-weight:500}.fd-palette .fd-palette-item .fd-palette-item-field{font-size:12px;color:#999;margin-top:2px;word-break:break-all}.fd-palette .fd-palette-item .fd-palette-item-add{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#3296fa;font-size:16px}.fd-palette .fd-palette-item:hover{border-color:#3296fa;background:#f0f7ff;box-shadow:0 2px 8px #3296fa26}.fd-canvas{flex:1;overflow:auto;background:#f0f2f5;padding:40px 20px 80px}.fd-flow{display:inline-flex;flex-direction:column;align-items:center;min-width:100%}.fd-node{display:flex;flex-direction:column;align-items:center;flex-grow:1;position:relative}.fd-card-wrap{position:relative}.fd-card{position:relative;width:220px;background:#fff;border-radius:8px;box-shadow:0 1px 5px #0000001f;cursor:pointer;transition:box-shadow .2s}.fd-card:hover{box-shadow:0 2px 12px #0003}.fd-card:hover .fd-del{display:inline-flex}.fd-card.fd-error{box-shadow:0 0 0 1px #ff4d4f}.fd-card-header{display:flex;align-items:center;padding:8px 12px;font-size:13px;color:#fff;border-radius:8px 8px 0 0}.fd-card-header .fd-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-card-header .fd-priority{font-size:12px;opacity:.85;margin-right:4px}.fd-card-header .fd-del{display:none;cursor:pointer;font-size:12px;opacity:.85}.fd-card-header .fd-del:hover{opacity:1}.fd-card-body{padding:12px;font-size:13px;color:#555;min-height:22px;line-height:1.5;word-break:break-all}.fd-card-body.fd-placeholder{color:#f56c6c}.fd-start .fd-card-header{background:#576a95}.fd-approver .fd-card-header{background:#ff943e}.fd-cc .fd-card-header{background:#3296fa}.fd-branch .fd-card{width:220px}.fd-branch .fd-card-header{background:#fff;color:#15bca3;border-bottom:1px solid #f0f0f0}.fd-branch .fd-card-header .fd-priority,.fd-branch .fd-card-header .fd-del{color:#999}.fd-add{position:relative;width:2px;min-height:70px;background:#cacaca;display:flex;align-items:center;justify-content:center;flex-shrink:0}.fd-add-btn{position:relative;z-index:1;width:30px;height:30px;border:none;border-radius:50%;background:#3296fa;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #3296fa59;transition:transform .15s}.fd-add-btn:hover{transform:scale(1.12)}.fd-add-menu{display:flex;gap:12px;padding:4px}.fd-add-item{width:76px;height:70px;border:1px solid #f0f0f0;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;font-size:13px;color:#333;transition:all .15s}.fd-add-item .anticon{font-size:20px}.fd-add-item:hover{border-color:#3296fa;color:#3296fa;background:#f0f7ff}.fd-add-item.fd-add-approver .anticon{color:#ff943e}.fd-add-item.fd-add-cc .anticon{color:#3296fa}.fd-add-item.fd-add-condition .anticon{color:#15bca3}.fd-branches{position:relative;display:flex;flex-direction:column;align-items:center}.fd-add-branch-wrap{position:relative;width:100%;height:46px;display:flex;justify-content:center;align-items:center}.fd-add-branch-wrap:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:2px;height:100%;background:#cacaca}.fd-add-branch-wrap .fd-add-branch{position:relative;z-index:1;border-radius:14px}.fd-branch-cols{display:flex;position:relative}.fd-branch-col{position:relative;display:flex;flex-direction:column;align-items:center;background:#f0f2f5;border-top:2px solid #cacaca;border-bottom:2px solid #cacaca;padding:0 24px}.fd-branch-col .fd-branch-inner{position:relative;padding-top:30px;padding-bottom:0}.fd-branch-col .fd-branch-inner:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:2px;height:30px;background:#cacaca}.fd-cover{position:absolute;width:50%;height:4px;background:#f0f2f5;z-index:2}.fd-cover-tl{top:-2px;left:-1px}.fd-cover-bl{bottom:-2px;left:-1px}.fd-cover-tr{top:-2px;right:-1px}.fd-cover-br{bottom:-2px;right:-1px}.fd-end{display:flex;flex-direction:column;align-items:center;padding-top:0}.fd-end .fd-end-dot{width:10px;height:10px;border-radius:50%;background:#dedede;margin-bottom:6px}.fd-end span{font-size:13px;color:#999}
|