Improve route flow handle targeting

This commit is contained in:
caoqianming 2026-07-27 17:00:01 +08:00
parent fa459930b8
commit a0deb72736
2 changed files with 20 additions and 3 deletions

View File

@ -117,12 +117,29 @@ export default {
padding: 0;
}
.vue-flow__handle {
display: flex;
align-items: center;
justify-content: center;
width: 56px;
height: 56px;
border-radius: 50%;
background: transparent;
border: 0;
cursor: crosshair;
}
.vue-flow__handle::after {
content: "";
width: 9px;
height: 9px;
background: #fff;
border: 2px solid #409eff;
border-radius: 50%;
background: #fff;
transition: width 0.15s, height 0.15s, background 0.15s, box-shadow 0.15s;
}
.vue-flow__handle:hover {
.vue-flow__handle:hover::after {
width: 13px;
height: 13px;
background: #409eff;
box-shadow: 0 0 0 4px rgba(64, 158, 255, 0.18);
}
</style>

View File

@ -63,7 +63,7 @@
:max-zoom="2"
:pan-on-scroll="true"
:zoom-on-scroll="false"
:connection-radius="8"
:connection-radius="56"
:connect-on-click="false"
:nodes-draggable="true"
:nodes-connectable="!readonly"