css

src/assets/css/custom.css

@@ -954,6 +954,7 @@ background-size: 75% auto;
 .laanc-modal .validation p{font-size:0.875rem;color:#ed1125;line-height:1.3}
 .laanc-modal .validation p svg{width:16px;margin-right:4px}
 .laanc-modal .alert .cancel-txt{display:block;color:#ed1125;font-size:0.875rem;line-height:1.3;font-weight:300;word-break: keep-all;margin-top:4px}
+.laanc-modal .alert.alert-success .cancel-txt{color:#41ce80}
 /* .laanc-modal .document .ti{text-align:center;justify-content: center;font-size:1.25rem;margin:10px 0 20px 0;color:#8a1c05;font-weight:bold;} */
 .laanc-modal .document .terms-box{max-height:650px}
 .laanc-modal .document button{font-size:1rem;width:100%;margin-top:1rem}
@@ -1012,8 +1013,5 @@ caption {overflow: hidden; line-height: 0;text-indent: -2000px;}
 .report-link a{font-size:1rem;display:inline-flex;justify-content: center;align-items: center;}
 .report-link a svg{margin-left:4px;width:18px;}
 .report-link a + a{margin-left:1rem}
-.react-pdf__Page__canvas {
-    margin: 0 auto;
-    width: 530px !important;
-    height: 700px !important;
-}
+
+.react-pdf__Document{height:700px;overflow-y:scroll;overflow-x:hidden;}

src/views/laanc/LaacnStep3.js

@@ -313,7 +313,7 @@ export default function LaacnStep3({
         isOpen={formModal}
         toggle={handlerClose}
         className='modal-dialog-centered'
-        style={{ maxWidth: '610px', margin: '0 auto' }}
+        style={{ maxWidth: '650px', margin: '0 auto' }}
       >
         <ModalHeader toggle={handlerClose}>공문 미리보기</ModalHeader>
         <ModalBody>
@@ -322,14 +322,7 @@ export default function LaacnStep3({
             file={`http://211.253.11.189:8080${localStorage.getItem('pdfUrl')}`}
             onLoadSuccess={onDocumentLoadSuccess}
           >
-            <div
-              style={{
-                height: '700px',
-                // width: '559.22px',
-                overflowY: 'scroll',
-                overflowX: 'hidden'
-              }}
-            >
+            <div>
               {Array.from(new Array(numPages), (el, index) => (
                 <Page key={`page_${index + 1}`} pageNumber={index + 1} />
               ))}