scheduleList

client/src/components/Schedule/ScheduleItem.js

@@ -26,7 +26,7 @@ const ScheduleItem = () => {
                 <p className={`mb-0 ${styles.period}`}>2021.01.151 ~ 2021.09.35</p>
             </button>
             <div id="flush-collapseOne" className="accordion-collapse collapse" aria-labelledby="flush-headingOne" data-bs-parent="#scheduleList">
-                <div className={`accordion-body px-0 pt-2 ${styles.textBox}`}>
+                <div className={`accordion-body px-0 pt-2 pb-0 mb-3 ${styles.textBox}`}>
                     <div className="d-flex align-items-start">
                         <i className="col bi bi-geo-alt fs-5"></i>
                         <div className="col-11">
@@ -35,7 +35,7 @@ const ScheduleItem = () => {
                     </div>
                     dlkasjflsajflasjflsakfjlsajflalsafjsask<br />fjlakdjflajflaksj  lksajdlksajs   dslkafjlsakflksjflasjflksjslakjflsakjflsajflsakjlasjflksajlfsja
                     <div className="d-flex justify-content-end mt-3">
-                        <Link className="btn btn-white btn-sm border-dark" to="/schedule/edit">수정</Link>
+                        <Link className="btn btn-light btn-sm border-dark" to="/schedule/edit">수정</Link>
                         <button type="button" className="btn btn-crimson btn-sm ms-2" onClick={delSchedule}>삭제</button>
                     </div>
                 </div>

client/src/components/Schedule/ScheduleList.js

@@ -3,15 +3,13 @@ import styles from "./schedule.module.scss";
 
 const ScheduleList = () => {
     return (
-        <div className={`accordion accordion-flush ${styles.list}`} id="scheduleList">
-            <Item />
-            <Item />
-            <Item />
-            <Item />
+        <div className={styles.list}>
+            <div className={`accordion accordion-flush`} id="scheduleList">
                 <Item />
                 <Item />
                 <Item />
             </div>
+        </div>
     )
 }
 

client/src/components/Schedule/schedule.module.scss

 .list {
+    height: 60vh;
     overflow-y: auto;
+    margin-bottom: 10vh;
 }
 
 .activeBtn {
@@ -33,6 +35,7 @@
     // 숨겨졌을 때
     &[class~="collapsed"] {
         border-bottom: 0;
+
         & .title {
             white-space: nowrap;
             overflow: hidden;
@@ -56,6 +59,7 @@
 .textBox {
     white-space: pre-wrap;
     word-break: break-all;
+    background-color: #fff5f7;
 }
 
 .header {