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

text update #52

Merged
jason merged 1 commits from pedigree-update into master 2026-03-11 15:33:49 -05:00
Conversation 0 Commits 1 Files Changed 1 +14 -19
1 changed files with 14 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 4f3074b1f4 - Show all commits

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

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