halo effect #54
@@ -50,11 +50,11 @@ const PedigreeTree = ({ dogId, pedigreeData, coi }) => {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<g>
|
<g>
|
||||||
{/* Glow halo */}
|
{/* Glow halo — kept within the circle so it doesn't bleed onto text labels */}
|
||||||
<circle
|
<circle
|
||||||
r={r + 12}
|
r={r - 4}
|
||||||
fill={glowColor}
|
fill={glowColor}
|
||||||
style={{ filter: 'blur(6px)' }}
|
style={{ filter: 'blur(4px)' }}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
{/* Outer ring */}
|
{/* Outer ring */}
|
||||||
|
|||||||
Reference in New Issue
Block a user