Commit c83ea733 authored by Kim, Subin's avatar Kim, Subin
Browse files

Merge branch 'kimpen'

parents b1f212ab 04b8d9f8
import styles from "./schedule.module.scss";
const KUSchedule = () => {
return (
<div className="card w-75 rounded-0 border-dark mx-auto">
<div className={`card-header rounded-0 px-1 ${styles.header}`}>
<img className={styles.ku_tiger} src={process.env.PUBLIC_URL + '/ku-tiger(bgX).png'} alt="어흥이" />
</div>
<div className="card-body text-center pb-2">
<h5 className={`card-title ${styles.flowText}`}>복수전공 신청복수전공 신청복수전공 신청복수전공 신청</h5>
<p className="card-text text-secondary mb-1">21.09.27 ~ 21.09.29</p>
<p className="text-start mb-0">복수전공신청</p>
</div>
</div>
)
}
export default KUSchedule
\ No newline at end of file
import Item from "./ScheduleItem.js"; import Item from "./ScheduleItem.js";
import styles from "./schedule.module.scss";
const ScheduleList = () => { const ScheduleList = () => {
return ( return (
<div className="accordion accordion-flush" id="scheduleList"> <div className={`accordion accordion-flush ${styles.list}`} id="scheduleList">
<Item />
<Item />
<Item />
<Item />
<Item />
<Item />
<Item /> <Item />
</div> </div>
) )
......
.list {
overflow-y: auto;
}
.activeBtn { .activeBtn {
&:focus { &:focus {
border-color: black; border-color: black;
...@@ -42,3 +46,15 @@ ...@@ -42,3 +46,15 @@
.textBox { .textBox {
white-space: pre-line; white-space: pre-line;
} }
.header {
background-color: crimson;
& .ku_tiger {
width: 46px;
height: 35px;
}
}
// .flowText {
// }
\ No newline at end of file
...@@ -2,6 +2,7 @@ import Menu from "../components/Menu/Menu.js"; ...@@ -2,6 +2,7 @@ import Menu from "../components/Menu/Menu.js";
import HomeBtn from "../components/Buttons/HomeBtn.js"; import HomeBtn from "../components/Buttons/HomeBtn.js";
import EditBtn from "../components/Buttons/EditBtn.js"; import EditBtn from "../components/Buttons/EditBtn.js";
import ScheduleModal from "../components/Modal/ScheduleModal.js"; import ScheduleModal from "../components/Modal/ScheduleModal.js";
import KUSchedule from "../components/Schedule/KUSchedule.js";
import ScheduleList from "../components//Schedule/ScheduleList.js"; import ScheduleList from "../components//Schedule/ScheduleList.js";
const SchedulePage = () => { const SchedulePage = () => {
...@@ -12,6 +13,7 @@ const SchedulePage = () => { ...@@ -12,6 +13,7 @@ const SchedulePage = () => {
<button type="button" className="btn btn-primary" data-bs-toggle="modal" data-bs-target="#scheduleModal"> <button type="button" className="btn btn-primary" data-bs-toggle="modal" data-bs-target="#scheduleModal">
<ScheduleModal /> <ScheduleModal />
</button> </button>
<KUSchedule />
<ScheduleList /> <ScheduleList />
<EditBtn pathname="schedule/edit" /> <EditBtn pathname="schedule/edit" />
</> </>
......
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