|
|
@ -73,7 +73,7 @@ export default { |
|
|
|
<path |
|
|
|
<path |
|
|
|
:id="id" |
|
|
|
:id="id" |
|
|
|
class="opacity-100 hover:(opacity-0) stroke-slate-500" |
|
|
|
class="opacity-100 hover:(opacity-0) stroke-slate-500" |
|
|
|
:class="selected ? 'opacity-0' : ''" |
|
|
|
:class="selected || isHovering ? 'opacity-0' : ''" |
|
|
|
:style="style" |
|
|
|
:style="style" |
|
|
|
:stroke-width="showSkeleton ? baseStroke * 4 : baseStroke" |
|
|
|
:stroke-width="showSkeleton ? baseStroke * 4 : baseStroke" |
|
|
|
fill="none" |
|
|
|
fill="none" |
|
|
@ -83,9 +83,9 @@ export default { |
|
|
|
|
|
|
|
|
|
|
|
<path |
|
|
|
<path |
|
|
|
class="opacity-0 hover:(opacity-100 transition-all duration-100 ease)" |
|
|
|
class="opacity-0 hover:(opacity-100 transition-all duration-100 ease)" |
|
|
|
:class="selected ? 'opacity-100' : ''" |
|
|
|
:class="selected || isHovering ? 'opacity-100' : ''" |
|
|
|
style="stroke: url(#linear-gradient)" |
|
|
|
style="stroke: url(#linear-gradient)" |
|
|
|
:stroke-width="(showSkeleton ? baseStroke * 12 : baseStroke * 8) / (isHovering || selected ? 2 : 1)" |
|
|
|
:stroke-width="(showSkeleton ? baseStroke * 12 : baseStroke * 8) / (selected || isHovering ? 2 : 1)" |
|
|
|
fill="none" |
|
|
|
fill="none" |
|
|
|
:d="edgePath[0]" |
|
|
|
:d="edgePath[0]" |
|
|
|
:marker-end="showSkeleton ? markerEnd : ''" |
|
|
|
:marker-end="showSkeleton ? markerEnd : ''" |
|
|
|