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 */}
|
||||
{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>
|
||||
|
Reference in New Issue
Block a user