Fixed dice select double click select and scaling

2021-04-01 11:11:56 +11:00
parent 2e404b24e0
commit c9993605c4
5 changed files with 19 additions and 13 deletions
@@ -6,13 +6,17 @@ import DiceTiles from "../components/dice/DiceTiles";

 import { dice } from "../dice";

+import useResponsiveLayout from "../hooks/useResponsiveLayout";
+
 function SelectDiceModal({ isOpen, onRequestClose, onDone, defaultDice }) {
  const [selectedDice, setSelectedDice] = useState(defaultDice);
+  const layout = useResponsiveLayout();
+
  return (
    <Modal
      isOpen={isOpen}
      onRequestClose={onRequestClose}
-      style={{ maxWidth: "542px", width: "calc(100% - 16px)" }}
+      style={{ maxWidth: layout.modalSize, width: "calc(100% - 16px)" }}
    >
      <Flex
        sx={{