Deploy 2960: [a212313] Merge pull request #638 from baaahs/scene-ui

Controller config cleanup for small screens
baaahs · Nov 16, 2024 · 6834c12 · 6834c12
1 parent 7c3eb3b
commit 6834c12
Show file tree

Hide file tree

Showing 4 changed files with 46 additions and 22 deletions.
diff --git a/BUILT.txt b/BUILT.txt
@@ -1 +1 @@
-Build 2957 at Fri 15 Nov 2024 11:12:34 PM UTC.
+Build 2960 at Sat 16 Nov 2024 02:09:21 AM UTC.
diff --git a/index.html b/index.html
@@ -8,23 +8,47 @@
   <link rel="icon" href="favicon-sim.png"/>
   <link rel="stylesheet" href="styles.css"/>
   <link rel="stylesheet" href="react-mosaic-component.css"/>
+  <style type="text/css">
+      #box {
+          background: white;
+          color: black;
+          font-family: 'Press Start 2P', monospace;
+          border: 2px solid black;
+          display: flex;
+          margin: auto;
+          padding: 1em;
+          height: 150px;
+          align-items: center;
+          transition: width 100ms, height 100ms;
+      }
+
+      #_patience_ {
+          padding-right: 5em
+      }
+
+      @media only screen
+      and (min-device-width: 320px)
+      and (max-device-width: 480px)
+      and (-webkit-min-device-pixel-ratio: 2) {
+          #box {
+              flex-direction: column;
+              width: 80%;
+              height: auto;
+          }
+          #_patience_ {
+              padding-right: 0;
+              padding-bottom: 2em;
+              margin-top: -2em;
+          }
+      }
+  </style>
 </head>
 <body>
 <div id="app">
   <div style="display: flex; height: 100vh;">
-    <div style="
-      background: white;
-      color: black;
-      font-family: 'Press Start 2P', monospace;
-      border: 2px solid black;
-      display: flex;
-      margin: auto;
-      padding: 1em;
-      height: 150px;
-      align-items: center;
-  ">
+    <div id="box">
       <img style="transform: scale(.5);" src="loading.gif" alt=""/>
-      <div id="_patience_" style="padding-right: 5em;">Patience...</div>
+      <div id="_patience_" style=";">Patience...</div>
     </div>
   </div>
 </div>

diff --git a/shared.js b/shared.js
diff --git a/shared.js.map b/shared.js.map