Commit 4e0be6e8 authored by Kim, Subin's avatar Kim, Subin
Browse files

scheduleList

parent 9a236e04
......@@ -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>
......
......@@ -3,14 +3,12 @@ import styles from "./schedule.module.scss";
const ScheduleList = () => {
return (
<div className={`accordion accordion-flush ${styles.list}`} id="scheduleList">
<Item />
<Item />
<Item />
<Item />
<Item />
<Item />
<Item />
<div className={styles.list}>
<div className={`accordion accordion-flush`} id="scheduleList">
<Item />
<Item />
<Item />
</div>
</div>
)
}
......
.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 {
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment