resize fretboard

2026-09-02 09:34:33 +02:00 · 2025-12-26 18:58:36 +01:00
parent bd18844c73
commit 1650eb4824
3 changed files with 99 additions and 14 deletions
--- a/src/components/FretboardHint.tsx
+++ b/src/components/FretboardHint.tsx
@@ -53,10 +53,10 @@ export function FretboardHint({ tuning, positions, maxFrets = 15 }: FretboardHin
    return (
        <div className="fretboard-container" style={{ overflowX: 'auto', maxWidth: '100%' }}>
            <svg
-                width={width}
-                height={height}
+                width="100%"
+                height="100%"
                viewBox={`0 0 ${width} ${height}`}
-                style={{ display: 'block', margin: '0 auto' }}
+                style={{ display: 'block', margin: '0 auto', maxHeight: '100%' }}
            >
                {/* Fretboard background */}
                <rect