Fix size of device on mobile

2026-03-22 21:10:08 +01:00 · 2026-03-02 16:15:41 +01:00
parent 5eecf8a1eb
commit 7294136e0d
1 changed files with 23 additions and 0 deletions
--- a/index.php
+++ b/index.php
@@ -387,6 +387,29 @@ if ($fontFilesJson === false) {
          display: block;
        }
      }
+
+      @media (max-width: 640px) {
+        :root {
+          --screen-width: 320px;
+          --screen-height: 520px;
+        }
+
+        .page {
+          padding-top: 20px;
+        }
+
+        .reader {
+          width: min(100%, 360px);
+          padding: 20px 16px 28px;
+          border-radius: 14px;
+        }
+
+        .reader-screen {
+          padding: 16px;
+          min-height: 520px;
+          height: 520px;
+        }
+      }
    </style>
  </head>
  <body>