|
|
@ -4,7 +4,7 @@ const CourseChapter = ({ chapters }) => { |
|
|
|
return ( |
|
|
|
return ( |
|
|
|
<section style={{ width: "30%" }} className="bg-white mx-auto my-20 p-4"> |
|
|
|
<section style={{ width: "30%" }} className="bg-white mx-auto my-20 p-4"> |
|
|
|
<div |
|
|
|
<div |
|
|
|
className="rounded py-5 px-4" |
|
|
|
className="rounded py-5 px-4 relative" |
|
|
|
style={{ backgroundColor: "#196EC033" }} |
|
|
|
style={{ backgroundColor: "#196EC033" }} |
|
|
|
> |
|
|
|
> |
|
|
|
{/* top */} |
|
|
|
{/* top */} |
|
|
@ -54,6 +54,7 @@ const CourseChapter = ({ chapters }) => { |
|
|
|
))} |
|
|
|
))} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
))} |
|
|
|
))} |
|
|
|
|
|
|
|
<div className="bg-blue-600 w-1 h-20 rounded absolute top-1/2 left-0.5 transform -translate-x-1/2 -translate-y-1/2"></div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</section> |
|
|
|
</section> |
|
|
|
); |
|
|
|
); |
|
|
|