button size 조정

[yougyung]

📌 작업 내용

구현 내용 및 작업 했던 내역

• 버튼 사이즈 리사이징

🤔 고민 했던 부분

• button size의 기준은 기존 프로젝트의 1500px과 figma가 동일한 것을 확인하고, 해당 기준에 맞춰서 진행했습니다.
• 버튼 사이즈 내의 반응형은 기존의 논의대로 고려하지 않았습니다.
• 사이즈는 기존의 lg, md, sm, xs을 기준으로 변경을 진행했으며, 대표적으로 쓰임이 되는 예시를 사진으로 첨부합니다.
  • lg
  
• md
  
• sm
  
• xs
  

[github-actions]

🚀storybook: https://65ccb85d5afe55a024495bc0-vktlawzdkf.chromatic.com/

[github-actions]

🚀storybook: https://65ccb85d5afe55a024495bc0-xjvjjgieom.chromatic.com/

[seonghunYang]

• Chromatic을 확인해 보니, Form 컴포넌트의 submit 버튼의 크기가 작아지면서 부자연스러워 보여 크기를 조정하여 커밋했습니다.
• 약간 sm - md의 중간 사이즈가 없어서 조금 크게 보이는 것 같지만, 크게 문제는 없어보여 괜찮을 것 같습니다.
• Chromatic 좋네요

[gahyuun]

고생하셨습니다~!

[github-actions]

🚀storybook: https://65ccb85d5afe55a024495bc0-eytikqjznz.chromatic.com/

[yougyung]

가현이가 전달해줘서 기존 md size의 경우text-md로 font-size를 조절했는데, tailwind의 font-size기준으로 존재하지않더라고요 ㅎㅎ..
이 부분을 text-base로 변경했습니다.
text-base가 1rem 16px을 띄고 있어서, 브라우저 기본 글꼴크기와 동일하므로 디자인 변화는 없을 것으로 예상됩니다!