andy/mode7
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjust crt-shell dimensions for mobile on-screen keyboard compatibility

Browse Source
This commit is contained in:
Andy Dixon
2026-01-15 09:22:49 +00:00
parent 7330090ea3
commit 0ab8bf520a
1 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/style.css
+6 -1
View File
@@ -196,7 +196,10 @@ html, body {
.crt-shell { .crt-shell {
width: 100%; width: 100%;
max-width: 100%; max-width: 100%;
aspect-ratio: 4 / 3; /* Fill the vertical space above the on-screen keyboard */
height: calc(100vh - 280px);
max-height: calc(100vh - 200px);
aspect-ratio: auto;
border-radius: 12px; border-radius: 12px;
padding: 8px; padding: 8px;
box-shadow: box-shadow:
@@ -228,6 +231,8 @@ html, body {
.crt-shell { .crt-shell {
border-radius: 8px; border-radius: 8px;
padding: 6px; padding: 6px;
height: calc(100vh - 260px);
max-height: calc(100vh - 190px);
} }
.crt-overlay { .crt-overlay {