justin/guitar-teacher
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Move fret labels above strings to prevent overlap with bottom string dots

Browse Source
This commit is contained in:
Sterling Archer
2026-06-14 22:57:39 -07:00
parent fed7fe165e
commit efd9e9bd31
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+4 -4
View File
@@ -438,10 +438,10 @@ function SongPlayer({ parts, detected, listening, onStartMic }) {
{p.fret} {p.fret}
</text> </text>
)} )}
{/* Fret label below dot */} {/* Fret label above strings area */}
<text x={cx} y={BOT+16} textAnchor="middle" fontSize={9} <text x={cx} y={TOP-6} textAnchor="middle" fontSize={9}
fill={isCur?C.amber:C.fret} fontFamily="monospace"> fill={isCur?C.amber:C.muted} fontFamily="monospace">
{isOpen?"0":p.fret} {isOpen?"open":("fr"+p.fret)}
</text> </text>
{isCur && ( {isCur && (
<text x={cx} y={TOP-16} textAnchor="middle" fontSize={20}>🎸</text> <text x={cx} y={TOP-16} textAnchor="middle" fontSize={20}>🎸</text>