Tabs 스타일 수정 및 리팩토링 #94

uraflower · 2024-03-19T04:29:14Z

Tabs 스타일 수정 및 리팩토링

TabPanel 안에서 탭 전환 가능하도록 변경
탭 리스트 mode에 따라 달라지는 스타일과 공통으로 적용되는 스타일 분리
탭 리스트 cursor 스타일 삭제
- 탭 리스트의 아무 여백에 커서를 올리면 pointer가 되는데, 탭 버튼만 pointer가 되도록 수정
각 탭의 클릭 가능한 범위(마진, 패딩) 수정
- 탭 목록을 이루는 탭 item의 크기와 실제 클릭이 가능한 버튼의 크기가 서로 다른데, 같아지도록 수정
스토리북 Tabs 스타일 적용

uraflower added 🤍front 프론트엔드 업무입니다. refactor 코드가 내부적으로 작동하는 방식을 변경하되, 변경 전과 동일하게 작동합니다. labels Mar 19, 2024

uraflower added this to KakaoFunding Mar 19, 2024

uraflower moved this to Todo in KakaoFunding Mar 19, 2024

uraflower changed the title ~~Tabs 컴포넌트 버튼 범위 변경~~ Tabs 스타일 수정 Mar 20, 2024

uraflower moved this from Todo to backlog in KakaoFunding Mar 21, 2024

uraflower changed the title ~~Tabs 스타일 수정~~ Tabs 스타일 수정 및 리팩토링 Mar 28, 2024

uraflower self-assigned this Mar 28, 2024

uraflower moved this from backlog to In Progress in KakaoFunding Mar 28, 2024

uraflower moved this from In Progress to Todo in KakaoFunding Mar 28, 2024

uraflower removed their assignment Mar 28, 2024

uraflower moved this from Todo to backlog in KakaoFunding Mar 28, 2024