Fix mobile dialog styling (#1363)

2020-04-10 11:13:31 -04:00
parent f134211bf9
commit 16a3aa7561
2 changed files with 12 additions and 6 deletions
--- a/src/components/Modal.tsx
+++ b/src/components/Modal.tsx
@ -31,11 +31,13 @@ export function Modal(props: {
      <div className="Modal__background" onClick={props.onCloseRequest}></div>
      <div
        className="Modal__content"
-        style={{
-          maxWidth: props.maxWidth,
-          maxHeight: "100%",
-          overflowY: "scroll",
-        }}
+        style={
+          {
+            "--max-width": `${props.maxWidth}px`,
+            maxHeight: "100%",
+            overflowY: "scroll",
+          } as any
+        }
      >
        {props.children}
      </div>