diff --git a/client/src/components/PedigreeTree.jsx b/client/src/components/PedigreeTree.jsx index 4f75867..d3c1290 100644 --- a/client/src/components/PedigreeTree.jsx +++ b/client/src/components/PedigreeTree.jsx @@ -98,6 +98,7 @@ const PedigreeTree = ({ dogId, pedigreeData, coi }) => { fontSize={isRoot ? 28 : 24} textAnchor="middle" dy="8" + stroke="none" style={{ fill: '#ffffff', pointerEvents: 'none', userSelect: 'none' }} > {isRoot ? '👑' : (isMale ? '♂' : '♀')} @@ -111,6 +112,7 @@ const PedigreeTree = ({ dogId, pedigreeData, coi }) => { textAnchor="middle" x="0" y={r + 32} + stroke="none" style={{ fill: isRoot ? '#ffffff' : '#f8fafc', pointerEvents: 'none' }} > {nodeDatum.name} @@ -124,6 +126,7 @@ const PedigreeTree = ({ dogId, pedigreeData, coi }) => { textAnchor="middle" x="0" y={r + 52} + stroke="none" style={{ fill: '#cbd5e1', pointerEvents: 'none' }} > {breed} @@ -138,6 +141,7 @@ const PedigreeTree = ({ dogId, pedigreeData, coi }) => { textAnchor="middle" x="0" y={r + (breed ? 70 : 52)} + stroke="none" style={{ fill: '#94a3b8', pointerEvents: 'none' }} > {nodeDatum.attributes.registration} @@ -152,6 +156,7 @@ const PedigreeTree = ({ dogId, pedigreeData, coi }) => { textAnchor="middle" x="0" y={r + (breed ? 88 : (nodeDatum.attributes?.registration ? 70 : 52))} + stroke="none" style={{ fill: '#94a3b8', pointerEvents: 'none' }} > ({nodeDatum.attributes.birth_year})