boxSizing:border-box 일괄 적용 작업

[na-reum]

🚩 관련 이슈

• close boxSizing:border-box 일괄 적용 #388

📋 작업 내용

• boxSizing:border-box를 글로벌하게 적용하고 크기 보정작업을 했어요.

📌 PR Point

• 원래 Box 컴포넌트에만 있던 속성을 일괄로 적용했어요
• 처음에는 box 컴포넌트를 활용해서 부분적으로만 적용하자는 생각이었어요.
• 하지만 저희가 stitches가 아닌 다른 라이브러리를 사용하게 되었을때 이부분이 많이 헷갈려할것 같았어요.
• 일단 제가 눈에 보이는 부분은 전부 교체를 하였어요.
• 단, tablet 환경에서부터 모바일 버전으로 보여주자는 이야기를 했어서, 약간 다를 수 있어요
• 추가적으로 Select 컴포넌트들의 tablet 환경에서 bottomSheet가 안나오는 에러를 해결했어요. ( 아무도 안썻나봐요.)
• 그리고 bottomSheet에 overlay를 적용해서 세세한 오류를 잡았어요.

📸 스

크린샷

[cloudflare-workers-and-pages]

Deploying with    Cloudflare Pages

Latest commit:	32a78e4
Status:	✅  Deploy successful!
Preview URL:	https://852b7f07.sopt-crew-dev-legacy.pages.dev
Branch Preview URL:	https://feat--388.sopt-crew-dev-legacy.pages.dev

View logs

[borimong]

수정 감사합니닷!!!
처음에는 box 컴포넌트를 활용해서 부분적으로만 적용하자는 생각이었어요.
혹시 처음부터 border-box 를 글로벌하게 적용하지 않았던 이유가 무엇이었을지 알 수 있을까요..?? ٩( °ꇴ °)۶

[na-reum]

수정 감사합니닷!!! 처음에는 box 컴포넌트를 활용해서 부분적으로만 적용하자는 생각이었어요. 혹시 처음부터 border-box 를 글로벌하게 적용하지 않았던 이유가 무엇이었을지 알 수 있을까요..?? ٩( °ꇴ °)۶

불필요한 속성 정의의 최소화를 하고 싶었어요 !

[eunsukimme]

고생하셨습니다 👍

[100Gyeon]

🚀🚀🚀🚀🚀