search

yayongi / idosoft

IDOSOFT Homepage
2 stars 3 forks source link

버튼 밑줄과 버튼 간격에 대한 문제 #41

Closed yayongi closed 4 years ago

yayongi commented 4 years ago

  1. 아래와 같은 구조를 가지고 있으면 Link 태그는 a태그로 변환되기 때문에 버튼명에 밑줄이 생김. <RouterLink> <Button> 버튼명 </RouterLink> </Button>

    ==> 해결책: RouterLink의 css를 textDecoration: 'none', 를 적용하면 해결됨.

  2. 1번과 같은 형식의 버튼을 연달아 쓸경우 버튼이 붙어 보임.

    ==> 해결책: RouterLink의 css를 marginRight: '10px' 를 적용하면 해결됨.

예제 /idosoft/react_src/intranet/views/Member/MemberList.js 예제로 삼아 수정하여 Commit 함.

==> useStyles에 router_link, button_tool를 추가하고, RouterLink에 속성명으로 추가함. 단, 버튼이 나열되어 있지 않으면 button_tool를 추가할 필요없음.

<RouterLink className={${classes.router_link} ${classes.button_tool}} > <Button> 버튼명 </RouterLink> </Button>

KangSeongWoo commented 4 years ago

해당부분 조치 완료 했습니다.