diff --git a/src/components/Common/Typesetting/typesetting.js b/src/components/Common/Typesetting/typesetting.js index b975284..07fb679 100644 --- a/src/components/Common/Typesetting/typesetting.js +++ b/src/components/Common/Typesetting/typesetting.js @@ -52,8 +52,8 @@ const Typesetting = props => { const [boxKey, setBoxKey] = useState(new Date().getTime()); const [boxKeys, setBoxKeys] = useState(new Date().getTime()); const [isModalOpen, setIsModalOpen] = useState(false); - const [modalWidth, setModalWidth] = useState(700); - const [modalHeight, setModalHeight] = useState(500); + const [modalWidth, setModalWidth] = useState(1000); + const [modalHeight, setModalHeight] = useState(800); const [modalBoxWidth, setModalBoxWidth] = useState(1200); const [scale, setScale] = useState(1); const [materialLength, setMaterialLength] = useState(0); @@ -712,9 +712,9 @@ const Typesetting = props => { setIsModalOpen(true); // setBoxKeys(new Date().getTime()); setTimeout(() => { - const scaleX = 1200 / outerWidth; - const scaleY = 500 / outerHeight; - const scales = Math.min(scaleX, scaleY) - 0.2; + const scaleX = 900 / outerWidth; + const scaleY = 600 / outerHeight; + const scales = Math.min(scaleX, scaleY); if (boxsRef.current) { boxsRef.current.style.transform = `scale(${scales}) translateX(-50%)`; boxsRef.current.style.transformOrigin = "top left"; @@ -1084,10 +1084,11 @@ const Typesetting = props => { footer={null} bodyStyle={{ overflowY: "hide", - minHeight: "500px", + minHeight: `${700}px`, width: `${modalWidth}`, padding: "1px", }} + style={{top: 0}} onCancel={handleCancel} >