fix(RegionMap): enhance system focus visual feedback with improved styling and animation
This commit is contained in:
@@ -720,33 +720,25 @@ export const RegionMap = ({ regionName, focusSystem, isCompact = false, isWormho
|
|||||||
|
|
||||||
{/* Highlight focused system */}
|
{/* Highlight focused system */}
|
||||||
{focusSystem && focusUntil && Date.now() <= focusUntil && positions[focusSystem] && (
|
{focusSystem && focusUntil && Date.now() <= focusUntil && positions[focusSystem] && (
|
||||||
<g>
|
<g style={{ pointerEvents: 'none' }}>
|
||||||
<circle
|
<circle
|
||||||
cx={positions[focusSystem].x}
|
cx={positions[focusSystem].x}
|
||||||
cy={positions[focusSystem].y}
|
cy={positions[focusSystem].y}
|
||||||
r="20"
|
r="20"
|
||||||
fill="none"
|
fill="none"
|
||||||
stroke="#f472b6"
|
stroke="#a855f7"
|
||||||
strokeWidth="4"
|
strokeWidth="3"
|
||||||
strokeDasharray="6,6"
|
opacity="0.9"
|
||||||
opacity="0.95"
|
|
||||||
filter="url(#glow)"
|
filter="url(#glow)"
|
||||||
>
|
>
|
||||||
<animate
|
<animate
|
||||||
attributeName="r"
|
attributeName="r"
|
||||||
values="18;24;18"
|
values="18;22;18"
|
||||||
dur="1.8s"
|
dur="1.5s"
|
||||||
repeatCount="indefinite"
|
repeatCount="indefinite"
|
||||||
/>
|
/>
|
||||||
</circle>
|
</circle>
|
||||||
<circle
|
<text x={positions[focusSystem].x + 12} y={positions[focusSystem].y - 10} fontSize="10" fill="#ffffff" stroke="#0f172a" strokeWidth="2" paintOrder="stroke">{focusSystem}</text>
|
||||||
cx={positions[focusSystem].x}
|
|
||||||
cy={positions[focusSystem].y}
|
|
||||||
r="8"
|
|
||||||
fill="#f472b6"
|
|
||||||
opacity="0.8"
|
|
||||||
/>
|
|
||||||
<text x={positions[focusSystem].x + 14} y={positions[focusSystem].y - 14} fontSize="10" fill="#ffffff" stroke="#0f172a" strokeWidth="2" paintOrder="stroke">{focusSystem}</text>
|
|
||||||
</g>
|
</g>
|
||||||
)}
|
)}
|
||||||
</svg>
|
</svg>
|
||||||
|
Reference in New Issue
Block a user