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

Browse Source
This commit is contained in:
Jens Mohrmann
2025-12-30 21:33:32 +01:00
parent aea2442fd6
commit d909649e00
1 changed files with 18 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/App.css
View File

@@ -685,22 +685,24 @@ button {
align-items: center; align-items: center;
justify-content: flex-start; justify-content: flex-start;
gap: 0; gap: 0;
height: 100vh; min-height: 100vh;
overflow: hidden; /* Allow growing */
/* Prevent scroll - fit everything on one screen */ height: auto;
overflow-y: auto;
/* Allow scrolling */
} }
.card.sheet-music-card { .card.sheet-music-card {
max-width: 100%; max-width: 100%;
width: 100%; width: 100%;
height: 100vh; height: auto;
/* Fit within viewport */ /* Let it grow naturally */
max-height: 100vh; min-height: 100vh;
/* Fill at least the screen */
margin: 0; margin: 0;
border-radius: 0; border-radius: 0;
align-items: stretch; align-items: stretch;
box-sizing: border-box; box-sizing: border-box;
overflow: hidden;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
@@ -818,15 +820,20 @@ button {
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
} }
/* Hide settings footer in landscape - accessible via settings modal */ /* Show settings footer in landscape */
.settings-footer { .settings-footer {
display: none; display: flex;
margin-top: 20px;
padding-bottom: 40px;
} }
/* App container in landscape */ /* App container in landscape */
.app-container { .app-container {
overflow: hidden; overflow-x: hidden;
height: 100vh; overflow-y: auto;
height: auto;
min-height: 100vh;
display: block;
} }
.action-row { .action-row {