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;
justify-content: flex-start;
gap: 0;
height: 100vh;
overflow: hidden;
/* Prevent scroll - fit everything on one screen */
min-height: 100vh;
/* Allow growing */
height: auto;
overflow-y: auto;
/* Allow scrolling */
}
.card.sheet-music-card {
max-width: 100%;
width: 100%;
height: 100vh;
/* Fit within viewport */
max-height: 100vh;
height: auto;
/* Let it grow naturally */
min-height: 100vh;
/* Fill at least the screen */
margin: 0;
border-radius: 0;
align-items: stretch;
box-sizing: border-box;
overflow: hidden;
display: flex;
flex-direction: column;
}
@@ -818,15 +820,20 @@ button {
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 {
display: none;
display: flex;
margin-top: 20px;
padding-bottom: 40px;
}
/* App container in landscape */
.app-container {
overflow: hidden;
height: 100vh;
overflow-x: hidden;
overflow-y: auto;
height: auto;
min-height: 100vh;
display: block;
}
.action-row {