2024-06-12 17:38:41 +08:00
|
|
|
.ragNode {
|
|
|
|
|
position: relative;
|
2024-06-11 19:31:52 +08:00
|
|
|
box-shadow:
|
|
|
|
|
-6px 0 12px 0 rgba(179, 177, 177, 0.08),
|
|
|
|
|
-3px 0 6px -4px rgba(0, 0, 0, 0.12),
|
|
|
|
|
-6px 0 16px 6px rgba(0, 0, 0, 0.05);
|
|
|
|
|
|
2024-04-28 19:03:54 +08:00
|
|
|
padding: 5px;
|
|
|
|
|
border-radius: 5px;
|
|
|
|
|
background: white;
|
2024-06-26 16:57:38 +08:00
|
|
|
width: 100px;
|
|
|
|
|
height: 100px;
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
display: flex;
|
|
|
|
|
// align-items: center;
|
|
|
|
|
// justify-self: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
.nodeName {
|
|
|
|
|
font-size: 8px;
|
|
|
|
|
}
|
2024-04-28 19:03:54 +08:00
|
|
|
label {
|
|
|
|
|
display: block;
|
|
|
|
|
color: #777;
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
}
|
2024-07-01 18:58:51 +08:00
|
|
|
.type {
|
|
|
|
|
// font-size: 12px;
|
|
|
|
|
}
|
2024-06-12 17:38:41 +08:00
|
|
|
.description {
|
|
|
|
|
font-size: 10px;
|
|
|
|
|
}
|
2024-06-26 16:57:38 +08:00
|
|
|
.bottomBox {
|
|
|
|
|
position: absolute;
|
2024-07-01 14:37:05 +08:00
|
|
|
bottom: -26px;
|
2024-06-26 16:57:38 +08:00
|
|
|
background: white;
|
|
|
|
|
padding: 2px 5px;
|
|
|
|
|
border-radius: 5px;
|
|
|
|
|
box-shadow:
|
|
|
|
|
-6px 0 12px 0 rgba(179, 177, 177, 0.08),
|
|
|
|
|
-3px 0 6px -4px rgba(0, 0, 0, 0.12),
|
|
|
|
|
-6px 0 16px 6px rgba(0, 0, 0, 0.05);
|
|
|
|
|
}
|
2024-06-27 09:20:19 +08:00
|
|
|
.categorizeAnchorPointText {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: -4px;
|
|
|
|
|
left: 8px;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
}
|
2024-04-28 19:03:54 +08:00
|
|
|
}
|
2024-06-05 10:46:06 +08:00
|
|
|
.selectedNode {
|
2024-06-12 11:42:48 +08:00
|
|
|
border: 1px solid rgb(59, 118, 244);
|
2024-06-05 10:46:06 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.handle {
|
|
|
|
|
display: inline-flex;
|
|
|
|
|
text-align: center;
|
|
|
|
|
// align-items: center;
|
|
|
|
|
}
|