jens/sheetmusictrainer
1
0
Fork 0
mirror of https://github.com/9x/sheetmusictrainer.git synced 2026-09-02 09:34:33 +02:00
Code Issues Packages Projects Releases Wiki Activity

mobile UI improvements

Browse Source
This commit is contained in:
Jens Mohrmann
2025-12-27 00:20:28 +01:00
parent 4f247c086a
commit 4640ef961b
3 changed files with 159 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/App.tsx
View File

@@ -342,7 +342,7 @@ function App() {
)}
<main className="main-stage">
<div className={`card sheet-music-card ${settings.showHint ? 'has-hint' : ''}`}>
<div className={`card sheet-music-card ${settings.showHint ? 'has-hint' : ''} ${settings.zenMode ? 'zen-mode' : ''}`}>
<div className="sheet-music-container">
<SheetMusic
targetMidi={targetMidi}
@@ -351,7 +351,7 @@ function App() {
clef={currentInstrumentDef.clefMode}
transpose={currentInstrumentDef.transpose}
width={Math.min(window.innerWidth - 40, 500)}
height={currentInstrumentDef.clefMode === 'grand' ? 300 : 250}
height={currentInstrumentDef.clefMode === 'grand' ? 260 : 180}
hideTargetNote={settings.gameMode === 'ear_training' && !revealed}
/>
</div>
@@ -383,7 +383,7 @@ function App() {
{settings.showHint && (
<div className="hint-card">
<div className="hint-note">
<div className="hint-note landscape-hint-note">
{getNoteDetails(targetMidi + currentInstrumentDef.transpose).scientific}
</div>
{currentInstrumentDef.showTuning && currentTuning && (