Fix joystick

tom-hewitt · Apr 14, 2024 · d32d929 · d32d929
1 parent 5e48016
commit d32d929
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 23 deletions.
diff --git a/app/globals.css b/app/globals.css
@@ -43,3 +43,10 @@ body {
     transform: scale(1.5);
   }
 }
+
+
+@media (max-width: 600px) {
+  .fix-ios {
+    bottom: 120px !important;
+  }
+}
diff --git a/app/test/page.tsx b/app/test/page.tsx
diff --git a/components/Game.tsx b/components/Game.tsx
@@ -143,7 +143,7 @@ export function GamePlanet({ planetID }: { planetID: string }) {
           onFrame={optimisticUpdate}
         />
       </Canvas>
-      <div style={{ position: "absolute", bottom: "20px", right: "20px" }}>
+      <div className="fix-ios" style={{ position: "absolute", bottom: "30px", right: "20px" }}>
         <Joystick
           size={100}
           sticky={false}