jens/sheetmusictrainer
1
0
Fork 0
mirror of https://github.com/9x/sheetmusictrainer.git synced 2026-11-03 22:03:54 +01:00
Code Issues Packages Projects Releases Wiki Activity

piano details

Browse Source
This commit is contained in:
Jens Mohrmann
2025-12-27 22:36:01 +01:00
parent 9b517b5bf6
commit d4415c516e
2 changed files with 3 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/PianoKeys.tsx
View File

@@ -201,7 +201,7 @@ export function PianoKeys({
// Styling
let fill = k.isBlack ? '#222' : '#fff';
if (interactive && isMarked) {
if (isMarked) {
fill = k.isBlack ? '#d32f2f' : '#ffcdd2'; // Red-ish for marked
}
@@ -223,21 +223,7 @@ export function PianoKeys({
ry={k.isBlack ? 0 : 2}
/>
{isMarked && (
<circle
cx={k.x + (k.width / 2)}
cy={k.isBlack ? rectHeight - 10 : 80}
r={viewMode === 'full' ? 1.5 : 4} // This might still distort in circle shape if aspect ratio is wild?
// Circles in distorted SVG become ellipses.
// To verify: if viewMode is full, and we resize window...
// If we really want NO distortion, we should use non-scaling coordinate system.
// But let's try just fixing strokes first. Circles might be acceptable as ellipses or we fix them too.
// Actually, if we want perfect circles, we should not distort the SVG.
// But for now, user complained about "lines and labels".
fill="red"
vectorEffect="non-scaling-stroke"
/>
)}
</g>
);
})}