Browse Source

add scrol into modal body and change px to vh

kaoritokashiki 5 years ago
parent
commit
4eb7e145ac

+ 1 - 1
src/client/js/components/PageAccessoriesModal.jsx

@@ -102,7 +102,7 @@ const PageAccessoriesModal = (props) => {
   return (
   return (
     <React.Fragment>
     <React.Fragment>
       <Modal size="xl" isOpen={props.isOpen} toggle={closeModalHandler} className="grw-page-accessories-modal">
       <Modal size="xl" isOpen={props.isOpen} toggle={closeModalHandler} className="grw-page-accessories-modal">
-        <ModalBody>
+        <ModalBody className="overflow-auto grw-tab-content-style">
           <Nav className="nav-title" id="nav-title">
           <Nav className="nav-title" id="nav-title">
             {Object.entries(navTabMapping).map(([key, value]) => {
             {Object.entries(navTabMapping).map(([key, value]) => {
               return (
               return (

+ 1 - 1
src/client/styles/scss/_page_accessaries_modal.scss

@@ -6,7 +6,7 @@
   }
   }
 
 
   .grw-tab-content-style {
   .grw-tab-content-style {
-    max-height: 595px;
+    max-height: 595vh;
   }
   }
 }
 }