Disable clicking on moving cards (#131)

Also, make landscape layout a bit more usable on mobile.
eltoder · Feb 19, 2025 · 4406a99 · 4406a99
1 parent cac5e6b
commit 4406a99
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/src/components/Game.js b/src/components/Game.js
@@ -232,6 +232,9 @@ function Game({
               style={{
                 position: "absolute",
                 zIndex: style.opacity.to((x) => (x === 1 ? "auto" : 1)),
+                pointerEvents: style.opacity.to((x) =>
+                  x === 1 ? "auto" : "none"
+                ),
                 ...style,
               }}
             >

diff --git a/src/pages/GamePage.js b/src/pages/GamePage.js
@@ -54,7 +54,12 @@ const useStyles = makeStyles((theme) => ({
   },
   mainColumn: {
     display: "flex",
-    alignItems: "center",
+    alignItems: "top",
+  },
+  snackbar: {
+    [theme.breakpoints.down("sm")]: {
+      bottom: 6,
+    },
   },
   doneOverlay: {
     position: "absolute",
@@ -354,6 +359,7 @@ function GamePage({ match }) {
           vertical: "bottom",
           horizontal: "center",
         }}
+        classes={{ root: classes.snackbar }}
         open={snack.open}
         autoHideDuration={2000}
         onClose={handleClose}