mirror of
https://gitee.com/XM-GO/PandaX.git
synced 2026-04-23 10:58:35 +08:00
2 lines
5.0 KiB
CSS
2 lines
5.0 KiB
CSS
.workflow-form-container .workflow[data-v-ba20bb20]{display:flex;height:100%;width:100%;flex-direction:column}.workflow-form-container .workflow .workflow-tool[data-v-ba20bb20]{height:35px;display:flex;align-items:center;border-bottom:1px solid var(--el-border-color-light, #ebeef5)}.workflow-form-container .workflow .workflow-tool .workflow-tool-right[data-v-ba20bb20]{flex:1;display:flex;justify-content:flex-end}.workflow-form-container .workflow .workflow-tool-icon[data-v-ba20bb20]{padding:0 10px;cursor:pointer;color:var(--bg-topBarColor);height:35px;line-height:35px;display:flex;align-items:center}.workflow-form-container .workflow .workflow-tool-icon[data-v-ba20bb20]:hover{background:rgba(0,0,0,.04)}.workflow-form-container .workflow .workflow-tool-icon:hover i[data-v-ba20bb20]{display:inline-block;animation:logoAnimation .3s ease-in-out}.workflow-form-container .workflow .workflow-content[data-v-ba20bb20]{flex:1;display:flex}.workflow-form-container .workflow .workflow-content #workflow-left[data-v-ba20bb20]{width:220px;height:100%;border-right:1px solid var(--el-border-color-light, #ebeef5)}.workflow-form-container .workflow .workflow-content #workflow-left[data-v-ba20bb20] .el-collapse-item__content{padding-bottom:0}.workflow-form-container .workflow .workflow-content #workflow-left .workflow-left-title[data-v-ba20bb20]{height:50px;display:flex;align-items:center;padding:0 15px;border-top:1px solid var(--el-border-color-light, #ebeef5);color:--el-text-color-primary;cursor:default}.workflow-form-container .workflow .workflow-content #workflow-left .workflow-left-title span[data-v-ba20bb20]{flex:1}.workflow-form-container .workflow .workflow-content #workflow-left .workflow-left-item[data-v-ba20bb20]{display:inline-block;width:calc(50% - 15px);position:relative;cursor:move;margin:0 0 10px 10px}.workflow-form-container .workflow .workflow-content #workflow-left .workflow-left-item .workflow-left-item-icon[data-v-ba20bb20]{height:35px;display:flex;align-items:center;transition:all .3s ease;padding:5px 10px;border:1px dashed transparent;background:rgba(0,0,0,.04);border-radius:3px}.workflow-form-container .workflow .workflow-content #workflow-left .workflow-left-item .workflow-left-item-icon i[data-v-ba20bb20],.workflow-form-container .workflow .workflow-content #workflow-left .workflow-left-item .workflow-left-item-icon .name[data-v-ba20bb20]{color:var(--el-text-color-secondary);transition:all .3s ease}.workflow-form-container .workflow .workflow-content #workflow-left .workflow-left-item .workflow-left-item-icon[data-v-ba20bb20]:hover{transition:all .3s ease;border:1px dashed var(--color-primary);background:var(--color-primary-light-9);border-radius:5px}.workflow-form-container .workflow .workflow-content #workflow-left .workflow-left-item .workflow-left-item-icon:hover i[data-v-ba20bb20],.workflow-form-container .workflow .workflow-content #workflow-left .workflow-left-item .workflow-left-item-icon:hover .name[data-v-ba20bb20]{transition:all .3s ease;color:var(--color-primary)}.workflow-form-container .workflow .workflow-content #workflow-left .workflow-left-id:first-of-type .workflow-left-title[data-v-ba20bb20]{border-top:none}.workflow-form-container .workflow .workflow-content #workflow-right[data-v-ba20bb20]{flex:1;position:relative;overflow:hidden;height:100%;background-image:linear-gradient(90deg,rgba(156,214,255,.15) 10%,rgba(0,0,0,0) 10%),linear-gradient(rgba(156,214,255,.15) 10%,rgba(0,0,0,0) 10%);background-size:10px 10px}.workflow-form-container .workflow .workflow-content #workflow-right .workflow-right-clone[data-v-ba20bb20]{position:absolute}.workflow-form-container .workflow .workflow-content #workflow-right .workflow-right-clone .workflow-right-box[data-v-ba20bb20]{height:35px;align-items:center;border:1px solid var(--el-border-color-light, #ebeef5);color:var(--el-text-color-secondary);padding:0 10px;border-radius:3px;cursor:move;transition:all .3s ease;background:rgba(255,255,255,.3);min-width:94.5px}.workflow-form-container .workflow .workflow-content #workflow-right .workflow-right-clone .workflow-right-box .workflow-left-item-icon[data-v-ba20bb20]{display:flex;align-items:center;height:35px}.workflow-form-container .workflow .workflow-content #workflow-right .workflow-right-clone .workflow-right-box[data-v-ba20bb20]:hover{border:1px dashed var(--color-primary);background:var(--color-primary-light-9);transition:all .3s ease;color:var(--color-primary)}.workflow-form-container .workflow .workflow-content #workflow-right .workflow-right-clone .workflow-right-box:hover i[data-v-ba20bb20]{cursor:Crosshair}.workflow-form-container .workflow .workflow-content #workflow-right .workflow-right-clone .workflow-right-active[data-v-ba20bb20]{border:1px dashed var(--color-primary);background:var(--color-primary-light-9);color:var(--color-primary)}.workflow-form-container .workflow .workflow-content #workflow-right[data-v-ba20bb20] .jtk-overlay:not(.aLabel){padding:4px 10px;border:1px solid var(--el-border-color-light, #ebeef5);color:var(--el-text-color-secondary);background:white;border-radius:3px;font-size:10px}
|