@farris/ui-vue/components/flow-canvas/index.css

Farris Vue, a Farris Design based Vue3 component library.

.f-flow-canvas .br-node{position:absolute;top:120px;left:300px;width:fit-content;display:flex;justify-content:center;align-items:center;z-index:1}.f-flow-canvas .node-content{border:2px solid #1c1f2314;cursor:pointer;background-color:#fff;padding:12px;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-align:left}.f-flow-canvas .circle-left{width:8px;height:8px;background-color:#2a87ff;border-radius:50%;transition:transform .3s ease;z-index:5;position:absolute;left:-4px;cursor:pointer}.f-flow-canvas .circle-left:hover{width:14px;height:14px;left:-7px}.f-flow-canvas .circle-top{width:8px;height:8px;background-color:#2a87ff;border-radius:50%;transition:transform .3s ease;z-index:5;position:absolute;top:-4px;cursor:pointer}.f-flow-canvas .circle-top:hover{width:14px;height:14px;top:-7px}.f-flow-canvas .circle-right{width:8px;height:8px;background-color:#2a87ff;border-radius:50%;transition:transform .3s ease;z-index:5;position:absolute;right:-4px;cursor:pointer}.f-flow-canvas .circle-right:hover{width:14px;height:14px;right:-7px}.f-flow-canvas .circle-bottom{width:8px;height:8px;background-color:#2a87ff;border-radius:50%;transition:transform .3s ease;z-index:5;position:absolute;bottom:-4px;cursor:pointer}.f-flow-canvas .circle-bottom:hover{width:14px;height:14px;bottom:-7px}.f-flow-canvas .editorPanel{min-width:initial!important}.f-flow-canvas .editorDiv{background-color:inherit!important}