Commit 3d73bac1 authored by Choi Ga Young's avatar Choi Ga Young
Browse files

카드 내부 스크롤

parent 49dc16a2
import { Link } from "react-router-dom"; import { Link } from "react-router-dom";
import PlanLineList from "./PlanLineList"; import PlanLineList from "./PlanLineList";
import style from "./studyplan.module.scss";
const StudyPlanCard = ({ renList, handleClick, handleEdit }) => { const StudyPlanCard = ({ renList, handleClick, handleEdit }) => {
return ( return (
<Link className="card text-decoration-none link-dark mb-3" to={`/studyplan/${renList.id}`} style={{ width: "20rem" }} > <Link className="card text-decoration-none link-dark mb-3" to={`/studyplan/${renList.id}`} style={{ width: "20rem" }} >
<div className="card-body"> <div className="card-body" style={{ height: "150px" }}>
<div className="d-flex"> <div className="d-flex">
<h5 className="card-title col-10 text-nowrap" style={{ overflow: "hidden", textOverflow: "ellipsis" }}>{renList.name}</h5> <h5 className="card-title col-10 text-nowrap" style={{ overflow: "hidden", textOverflow: "ellipsis" }}>{renList.name}</h5>
<div className="col-2 d-flex justify-content-end"> <div className="col-2 d-flex justify-content-end">
...@@ -15,8 +16,10 @@ const StudyPlanCard = ({ renList, handleClick, handleEdit }) => { ...@@ -15,8 +16,10 @@ const StudyPlanCard = ({ renList, handleClick, handleEdit }) => {
</div> </div>
</div> </div>
<p className="card-subtitle ms-1 mb-2 text-muted">{renList.prof && renList.room ? renList.prof + ' - ' + renList.room : (renList.prof || renList.room)}</p> <p className="card-subtitle ms-1 mb-2 text-muted">{renList.prof && renList.room ? renList.prof + ' - ' + renList.room : (renList.prof || renList.room)}</p>
<div className={`${style.inCard}`} style={{ height: "60px" }}>
<PlanLineList subjectId={renList.id} planList={renList.planList} handleClick={handleEdit} /> <PlanLineList subjectId={renList.id} planList={renList.planList} handleClick={handleEdit} />
</div> </div>
</div>
</Link> </Link>
) )
} }
......
...@@ -3,6 +3,10 @@ ...@@ -3,6 +3,10 @@
overflow-y: auto; overflow-y: auto;
} }
.inCard {
overflow: scroll;
}
.checkBox { .checkBox {
border-color: black; border-color: black;
......
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