Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix : 모바일에서 차트 깨지던 현상 해결, ios 기기일 때 모바일 하단 넷바에 padding bottom 줌 #370

Merged
merged 3 commits into from
Dec 6, 2024

Conversation

smosco
Copy link
Collaborator

@smosco smosco commented Dec 6, 2024

📄 Description of the PR

🔧 What has been changed?

  • 모바일에서 파이차트, 바차트가 깨지던 현상을 해결했습니다.
  • navigator.userAgent를 사용해서 ios 기기 여부를 판단하고 이에 따라 모바일 하단 넷바엣 padding-bottom을 34px을 주었습니다. ( 찾아봤을 때 아이폰 X 이상부터 34px 정도를 준다고 함 보통 20px ~34px )

📸 Screenshots / GIFs (if applicable)

image

⚠️ Precaution & Known issues

✅ Checklist

  • UI 브랜치 같이 확인해서 이슈없는지 확인해보기
  • 함수 이름, 변수 이름만 봐도 어떤 기능을 하는지 파악할 수 있는지 (선언적인 코드인지 확인)

@smosco smosco requested a review from godhyzzang December 6, 2024 03:12
@smosco smosco self-assigned this Dec 6, 2024
@smosco smosco linked an issue Dec 6, 2024 that may be closed by this pull request
3 tasks
Comment on lines +131 to +134
setIos(/iPhone|iPad|iPod/i.test(navigator.userAgent));
}
}, []);

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

iphone중에서도 iphone x, 12, 13 등 특정 버전만 notch가 있는 것 같던데 이 특정한 버전인 경우에만 padding을 주는 건 힘든가요?

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

아하 notch가 아니라 아래 부분에 튀어나온 swipe 아이콘(?) 이 가리는 경우를 방지하기 위한 코드이군요~ 그러면 iphone인 경우만 적용해주는 지금 코드로 적절할 것 같네요~!

Copy link
Collaborator

@godhyzzang godhyzzang left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

굿굿~

@godhyzzang godhyzzang merged commit 2afabd3 into develop Dec 6, 2024
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[fix] broken charts on mobile
2 participants