fix(RegionMap): enhance system focus visual feedback with improved styling and animation

This commit is contained in:
2025-08-10 22:31:52 +02:00
parent 11fda4e11f
commit 51179485a1

View File

@@ -720,33 +720,25 @@ export const RegionMap = ({ regionName, focusSystem, isCompact = false, isWormho
{/* Highlight focused system */}
{focusSystem && focusUntil && Date.now() <= focusUntil && positions[focusSystem] && (
<g>
<g style={{ pointerEvents: 'none' }}>
<circle
cx={positions[focusSystem].x}
cy={positions[focusSystem].y}
r="20"
fill="none"
stroke="#f472b6"
strokeWidth="4"
strokeDasharray="6,6"
opacity="0.95"
stroke="#a855f7"
strokeWidth="3"
opacity="0.9"
filter="url(#glow)"
>
<animate
attributeName="r"
values="18;24;18"
dur="1.8s"
values="18;22;18"
dur="1.5s"
repeatCount="indefinite"
/>
</circle>
<circle
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>
<text x={positions[focusSystem].x + 12} y={positions[focusSystem].y - 10} fontSize="10" fill="#ffffff" stroke="#0f172a" strokeWidth="2" paintOrder="stroke">{focusSystem}</text>
</g>
)}
</svg>