jason/breedr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

text update

Browse Source
This commit is contained in:
jason
2026-03-11 15:33:23 -05:00
parent 0a0a5d232c
commit 4f3074b1f4
1 changed files with 14 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
client/src/components/PedigreeTree.jsx
View File

@@ -95,25 +95,23 @@ const PedigreeTree = ({ dogId, pedigreeData, coi }) => {
{/* Gender / crown icon */} {/* Gender / crown icon */}
<text <text
fill="#fff" fontSize={isRoot ? 28 : 24}
fontSize={isRoot ? 26 : 22}
textAnchor="middle" textAnchor="middle"
dy="8" dy="8"
style={{ pointerEvents: 'none', userSelect: 'none' }} style={{ fill: '#ffffff', pointerEvents: 'none', userSelect: 'none' }}
> >
{isRoot ? '👑' : (isMale ? '♂' : '♀')} {isRoot ? '👑' : (isMale ? '♂' : '♀')}
</text> </text>
{/* Name label */} {/* Name label */}
<text <text
fill="var(--text-primary, #ffffff)" fontSize={isRoot ? 22 : 18}
fontSize={isRoot ? 18 : 15}
fontWeight={isRoot ? '700' : '600'} fontWeight={isRoot ? '700' : '600'}
fontFamily="Inter, sans-serif" fontFamily="Inter, sans-serif"
textAnchor="middle" textAnchor="middle"
x="0" x="0"
y={r + 24} y={r + 32}
style={{ pointerEvents: 'none', textShadow: '0 2px 4px rgba(0,0,0,0.8)' }} style={{ fill: isRoot ? '#ffffff' : '#f8fafc', pointerEvents: 'none', textShadow: '0 2px 5px rgba(0,0,0,0.9)' }}
> >
{nodeDatum.name} {nodeDatum.name}
</text> </text>
@@ -121,13 +119,12 @@ const PedigreeTree = ({ dogId, pedigreeData, coi }) => {
{/* Breed label (subtle) */} {/* Breed label (subtle) */}
{breed && ( {breed && (
<text <text
fill="var(--text-muted, #d1d5db)" fontSize="14"
fontSize="12"
fontFamily="Inter, sans-serif" fontFamily="Inter, sans-serif"
textAnchor="middle" textAnchor="middle"
x="0" x="0"
y={r + 42} y={r + 52}
style={{ pointerEvents: 'none', textShadow: '0 1px 3px rgba(0,0,0,0.8)' }} style={{ fill: '#cbd5e1', pointerEvents: 'none', textShadow: '0 1px 4px rgba(0,0,0,0.9)' }}
> >
{breed} {breed}
</text> </text>
@@ -136,13 +133,12 @@ const PedigreeTree = ({ dogId, pedigreeData, coi }) => {
{/* Registration number */} {/* Registration number */}
{nodeDatum.attributes?.registration && ( {nodeDatum.attributes?.registration && (
<text <text
fill="var(--text-muted, #d1d5db)" fontSize="14"
fontSize="12"
fontFamily="Inter, sans-serif" fontFamily="Inter, sans-serif"
textAnchor="middle" textAnchor="middle"
x="0" x="0"
y={r + (breed ? 58 : 42)} y={r + (breed ? 70 : 52)}
style={{ pointerEvents: 'none', textShadow: '0 1px 3px rgba(0,0,0,0.8)' }} style={{ fill: '#94a3b8', pointerEvents: 'none', textShadow: '0 1px 4px rgba(0,0,0,0.9)' }}
> >
{nodeDatum.attributes.registration} {nodeDatum.attributes.registration}
</text> </text>
@@ -151,13 +147,12 @@ const PedigreeTree = ({ dogId, pedigreeData, coi }) => {
{/* Birth year */} {/* Birth year */}
{nodeDatum.attributes?.birth_year && ( {nodeDatum.attributes?.birth_year && (
<text <text
fill="var(--text-muted, #d1d5db)" fontSize="14"
fontSize="12"
fontFamily="Inter, sans-serif" fontFamily="Inter, sans-serif"
textAnchor="middle" textAnchor="middle"
x="0" x="0"
y={r + (breed ? 74 : (nodeDatum.attributes?.registration ? 58 : 42))} y={r + (breed ? 88 : (nodeDatum.attributes?.registration ? 70 : 52))}
style={{ pointerEvents: 'none', textShadow: '0 1px 3px rgba(0,0,0,0.8)' }} style={{ fill: '#94a3b8', pointerEvents: 'none', textShadow: '0 1px 4px rgba(0,0,0,0.9)' }}
> >
({nodeDatum.attributes.birth_year}) ({nodeDatum.attributes.birth_year})
</text> </text>