다이나믹 폰트 적용 시 생기는 대시보드 레이아웃 이슈 해결

[jihyeonjjang]

#️⃣ 연관된 이슈

ex) <#1377914257735421952>, <#1377914203255607316>

• close [UIReport] 다이나믹 폰트 크기 레이아웃 이슈 #681

📝 작업 내용

이번 PR에서 작업한 내용을 간략히 설명해주세요(이미지 첨부 가능)

• 대시보드 양 옆 패딩이 사라지고 컨텐츠가 잘리는 현상
  • HStack 안에 fixedSize(horizontal: true)를 적용한 View가 두개였습니다. (공포탐욕지수 설명 버튼, 차트) 두가지 다 가로로 컨텐츠 만큼의 크기를 유지하려다보니 기기의 크기를 넘어가면서 레이아웃이 망가지는 것이 이유였습니다.
  • 다이나믹 타입이 xLarge 이상인 경우에는 차트를 아래쪽으로 배치해서 해결했습니다.
  • 기존에 공간을 위해 다이나믹 타입이 커질 때 차트 크기를 줄이고 있었는데, 차트가 아래로 내려가면서 여유 공간이 생겨 차트 크기를 키웠습니다.
• 추천 코인 첫번째 depth인 설명 보기 탭이 폰트 사이즈가 커지면 컨텐츠가 상하로 잘리는 현상
  • ScrollView 적용해서 해결했습니다.

스크린샷 (선택)

전	후

💬 리뷰 요구사항(선택)

리뷰어가 특별히 봐주었으면 하는 부분이 있다면 작성해주세요

ex) 메서드 XXX의 이름을 더 잘 짓고 싶은데 혹시 좋은 명칭이 있을까요?

[kitcat-s]

완전 좋습니다! 수고하셨어요~~ 🥇