From a4df2c88859dc6c1742288ff8ca4f856cc74ebbd Mon Sep 17 00:00:00 2001 From: Theo Sanderson Date: Wed, 11 Oct 2023 16:34:12 +0100 Subject: [PATCH 01/10] Update AboutOverlay.jsx --- .../src/components/AboutOverlay.jsx | 24 ++++++++++++++++++- 1 file changed, 23 insertions(+), 1 deletion(-) diff --git a/taxonium_website/src/components/AboutOverlay.jsx b/taxonium_website/src/components/AboutOverlay.jsx index e0f58bc1..8d99f033 100644 --- a/taxonium_website/src/components/AboutOverlay.jsx +++ b/taxonium_website/src/components/AboutOverlay.jsx @@ -1,9 +1,31 @@ import React, { useRef, useEffect } from "react"; import Modal from "react-modal"; +const modalStyle = { + content: { + top: "50%", + left: "50%", + transform: "translate(-50%, -50%)", + backgroundColor: "#fafafa", + border: "1px solid #e2e8f0", + borderRadius: "8px", + padding: "20px", + maxWidth: "700px", + maxHeight: "80vh", + minWidth: "400px", + minHeight: "400px", + fontSize: "13px", + }, + overlay: { + backgroundColor: "rgba(100, 100, 100, 0.3)", + zIndex: 1000, + }, +}; + function AboutOverlay({ enabled, setEnabled, overlayContent }) { return ( - setEnabled(false)}> + setEnabled(false)} + style={modalStyle}>