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

2026-01-15 09:22:49 +00:00
parent 7330090ea3
commit 0ab8bf520a
1 changed files with 6 additions and 1 deletions
@@ -196,7 +196,10 @@ html, body {
  .crt-shell {
    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;
    padding: 8px;
    box-shadow:
@@ -228,6 +231,8 @@ html, body {
  .crt-shell {
    border-radius: 8px;
    padding: 6px;
+    height: calc(100vh - 260px);
+    max-height: calc(100vh - 190px);
  }

  .crt-overlay {