[Material UI] react-slick Slide 이미지 dot customize
2020. 12. 29. 22:51ㆍJavaScript/React
step1)
- _plugin-react-slick.scss검색
step2)
- DOT Name과 일치하는 css속성 선택
.slick-dots li.slick-active button:before {
width: 10px;
height: 10px;
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12),
0 2px 4px -1px rgba(0, 0, 0, 0.2);
top: -3px;
}
step3)
- 위 css속성들을 자기 입맛에 맞게 수정
'JavaScript > React' 카테고리의 다른 글
| react history replace, push, etc.. navbar not re render (0) | 2021.01.19 |
|---|---|
| why state change dosen't (not) re render child component (0) | 2021.01.17 |
| [React] GraphQL + React + fetchMore infinite Scroll 페이지네이션 (0) | 2020.12.26 |
| [Material UI] Typography vertical center 정렬 (0) | 2020.12.25 |
| [React Error] React limits the number of nested updates to prevent infinite loops. (0) | 2020.09.06 |