Mobile devices and RRPSFD support

2025-10-31 05:32:08 +03:00
parent affb6c2a2c
commit b06e12aad2
6 changed files with 51 additions and 11 deletions
--- a/static/small-screens.css
+++ b/static/small-screens.css
@@ -0,0 +1,25 @@
+@media (max-width: 1200px) {
+    #game-canvas {
+        width: calc(100% - 300px);
+    }
+}
+
+@media (max-width: 768px) {
+    html {
+        zoom: 75%;
+    }
+
+    #game {
+        flex-direction: column;
+    }
+
+    #game-tools {
+        height: 50vh;
+    }
+
+    #game-canvas {
+        width: 100%;
+    }
+}
+
+@media (max-width: 480px) {}