[#123] feat: Design meetingroom detail modal

super-waffle · Feb 17, 2022 · 0ae3b7c · 0ae3b7c
1 parent 02c7f6a
commit 0ae3b7c
Show file tree

Hide file tree

Showing 11 changed files with 362 additions and 188 deletions.
diff --git a/src/components/modalLarge.js b/src/components/modalLarge.js
@@ -7,9 +7,49 @@ const ModalLarge = (props) => {
     <div className={open ? "openModalLarge modalLarge" : "modalLarge"}>
       {open ? (
         <section>
-          <header>
-            {header}
+          {/* <header> */}
+          {header}
+          {/* <svg
+            className="close"
+            onClick={close}
+            width="8"
+            height="8"
+            viewBox="0 0 8 8"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <rect
+              y="0.707153"
+              width="1"
+              height="10"
+              rx="0.5"
+              transform="rotate(-45 0 0.707153)"
+              fill="#bababa"
+            />
+            <rect
+              x="7.07129"
+              width="1"
+              height="10"
+              rx="0.5"
+              transform="rotate(45 7.07129 0)"
+              fill="#bababa"
+            />
+          </svg> */}
+          {/* <img
+              className="close"
+              onClick={close}
+              src="icons/_x-btn.svg"
+              alt=""
+            ></img> */}
+          {/* </header> */}
+          <main>
             <svg
+              className="modal-close-xbtn"
+              style={{
+                marginLeft: "94%",
+                marginTop: "10px",
+                cursor: "pointer",
+              }}
               className="close"
               onClick={close}
               width="8"
@@ -35,14 +75,8 @@ const ModalLarge = (props) => {
                 fill="#bababa"
               />
             </svg>
-            {/* <img
-              className="close"
-              onClick={close}
-              src="icons/_x-btn.svg"
-              alt=""
-            ></img> */}
-          </header>
-          <main>{props.children}</main>
+            {props.children}
+          </main>
         </section>
       ) : null}
     </div>