ScheduleModal-admin UI 완성

client/src/components/AdminScheduleItem.js

+import { Link } from "react-router-dom";
+
+const AdminScheduleItem = ({}) => {
+    return (
+        <div className="d-flex mb-5">
+            <i className="bi bi-check-lg fs-4 col"></i>
+            <div className="col-10">
+                <div className="d-flex justify-content-between">
+                    <h3>sadsad</h3>
+                    <div className="fs-5">
+                        <Link><i className="bi bi-pencil-square text-dark me-1"></i></Link>
+                        <i className="bi bi-trash"></i>
+                    </div>
+                </div>
+                <p className="text-start text-secondary">2020~353543135</p>
+                <div className="text-start" style={{ whiteSpace: "pre-line" }}>sadsd</div>
+            </div>
+        </div>
+    )
+}
+
+export default AdminScheduleItem
\ No newline at end of file

client/src/components/ScheduleModal.js → client/src/components/Modal/ScheduleModal.js

+import Item from "../AdminScheduleItem.js";
+import styles from "./modal.module.scss";
+
 const ScheduleModal = () => {
     return (
         <div className="modal" id="scheduleModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="scheduleModalLabel" aria-hidden="true">
             <div className="modal-dialog modal-dialog-centered modal-dialog-scrollable">
                 <div className="modal-content">
-                    <div className="modal-header">
-                        <h5 className="modal-title" id="scheduleModalLabel">Modal title</h5>
-                        <button type="button" className="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                    <div className={`modal-header ${styles.header}`}>
+                        <h5 className="modal-title mx-auto" id="scheduleModalLabel">Modal title</h5>
+                        <button type="button" className={`btn-close btn-close-white ms-0 ${styles.closeBtn}`} data-bs-dismiss="modal" aria-label="Close"></button>
                     </div>
-                    <div className="modal-body">
-                        ...
+                    <div className={`modal-body text-dark ${styles.body}`}>
+                        <Item />
+                        <p>선택한 날짜에 일정이 없습니다.</p>
                     </div>
                 </div>
             </div>

client/src/components/Modal/modal.module.scss

+.header {
+    background-color: crimson;
+
+    & .closeBtn {
+        font-size: 1.2em;
+    }
+}
+
+.body {
+    height: 350px
+}
\ No newline at end of file

client/src/pages/SchedulePage.js

 import Menu from "../components/Menu/Menu.js";
 import HomeBtn from "../components/Buttons/HomeBtn.js";
 import EditBtn from "../components/Buttons/EditBtn.js";
-import ScheduleModal from "../components/ScheduleModal.js";
+import ScheduleModal from "../components/Modal/ScheduleModal.js";
 
 const SchedulePage = () => {
     return (
@@ -9,7 +9,6 @@ const SchedulePage = () => {
             <Menu />
             <HomeBtn />
             <button type="button" className="btn btn-primary" data-bs-toggle="modal" data-bs-target="#scheduleModal">
-                Launch demo modal
                 <ScheduleModal />
             </button>
             <EditBtn pathname="schedule/edit" />