diff --git a/src/App.css b/src/App.css index c34cb53..6de08e0 100644 --- a/src/App.css +++ b/src/App.css @@ -82,13 +82,32 @@ .success-message { color: white; - font-size: 2.5rem; - font-weight: 800; - background-color: rgba(0, 0, 0, 0.7); + background-color: rgba(0, 0, 0, 0.75); padding: 1rem 2rem; - border-radius: 50px; + border-radius: 40px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); backdrop-filter: blur(4px); + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + line-height: 1.1; + text-align: center; +} + +.success-prefix { + font-size: 1.5rem; + font-weight: 700; + opacity: 0.9; + text-transform: uppercase; + letter-spacing: 0.05em; + margin-bottom: 0.2rem; +} + +.success-note { + font-size: 4rem; + font-weight: 800; + text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); } .instruction-text { diff --git a/src/App.tsx b/src/App.tsx index d00c1ed..3e72345 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -53,6 +53,8 @@ function App() { customMaxFret: 12, autoPlaySightReading: false, autoPlayVolume: 0.5, + virtualGuitarVolume: 0.5, + virtualGuitarMute: false, disableAnimation: false }); @@ -252,7 +254,9 @@ function App() { // Virtual Guitar Handler const handleVirtualGuitarPlay = useCallback((playedMidi: number) => { - playNote(playedMidi, 0.5); // Feedback sound + if (!settings.virtualGuitarMute) { + playNote(playedMidi, 0.5, settings.virtualGuitarVolume ?? 0.5); // Feedback sound + } setVirtualNote(playedMidi); // Clear the note visualization after a short delay @@ -266,7 +270,7 @@ function App() { handleMatchSuccess(); } } - }, [playNote, targetMidi, feedbackMessage, handleMatchSuccess]); + }, [playNote, targetMidi, feedbackMessage, handleMatchSuccess, settings]); // Match Logic useEffect(() => { @@ -428,7 +432,16 @@ function App() { {!settings.zenMode && (
- {settings.gameMode === 'ear_training' - ? "Automatically plays the note audio (Required for Ear Training)." - : "Automatically plays the note audio when a new note appears."} -
++ {settings.gameMode === 'ear_training' + ? "Automatically plays the note audio (Required for Ear Training)." + : "Automatically plays the note audio when a new note appears."} +