버튼 컴포넌트는 대양님이 만드신 걸 분리해서 모달에서 자주 쓰이는 보라색과 흰색 버튼을 만들려고 합니다.
로그인 등에서 크기만 다른 버튼이 있기 때문에 크기는 변경을 원하면 넣을 수 있도록 만들려고 합니다. (디폴트는 모달 크기, 클래스이름 넣으면 변경가능)
클래스를 잘 나눠서 만들려다가, 막상 많이 나누면 하나당 포함되는 스타일도 적고 그걸 외우기도 귀찮을 것 같아서 크게 .btn-{color} 안에 중앙정렬, 색상 넣도록 계획했습니다. center-aline { flex items-center justify-center } 정도는 나눠서 만들려고 합니다.
작업 설명
색상, 정렬 등 버튼에서 공통으로 사용되는 부분을 클래스로 만들고, 일부 자주 쓰이는 버튼을 컴포넌트화합니다. 이미 만들어져있는 버튼 컴포넌트를 리팩토링하고, 기존에 버튼을 사용하는 부분에도 반영해줍니다.
세부 작업 목록
관련 이슈
48
코멘트
.btn-white { flex items-center justify-center bg hover:bg active:bg disabled:bg tasnsition-all } 정도만 넣으려고 합니다.
나머지 패딩(크기), 둥글기 등은 각자 넣으시면 됩니다!
버튼 컴포넌트는 대양님이 만드신 걸 분리해서 모달에서 자주 쓰이는 보라색과 흰색 버튼을 만들려고 합니다.
클래스를 잘 나눠서 만들려다가, 막상 많이 나누면 하나당 포함되는 스타일도 적고 그걸 외우기도 귀찮을 것 같아서 크게 .btn-{color} 안에 중앙정렬, 색상 넣도록 계획했습니다. center-aline { flex items-center justify-center } 정도는 나눠서 만들려고 합니다.