[WEB-USER]: 안드로이드 안내 페이지 하단 버튼이 접히는 문제 수정 - #166
Merged
Merged
Conversation
`min-h-screen`(100vh)은 모바일 브라우저에서 주소창에 가려지는 영역까지 포함해 실제 보이는 높이보다 큽니다. 그래서 하단 버튼이 화면 밖으로 밀려 스크롤해야 보였습니다. - 100vh → 100dvh: 주소창 표시 여부에 따라 실제 보이는 높이를 따라감 - 안내 문구는 flex-1 + justify-center로 버튼 위 영역의 세로 중앙에 배치 (기존 pt-[100px] + justify-between은 상단에 치우쳐 보였음) Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_016ScM4roFnvWcR1hmDuw7Zi
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
문제
/app/android안내 페이지에서 하단 "모바일 웹으로 이용하기" 버튼이 화면 밖으로 밀려 스크롤해야 보였습니다.원인은
min-h-screen(=100vh)입니다. 모바일 브라우저의100vh는 주소창에 가려지는 영역까지 포함한 값이라 실제 보이는 높이보다 큽니다.변경
min-h-screen→min-h-[100dvh]— 주소창 표시 여부에 따라 실제 보이는 높이를 따라감flex-1+justify-center로 버튼 위 영역의 세로 중앙에 배치(기존
pt-[100px]+justify-between은 상단에 치우쳐 보였음)검증
staging(
web-user/staging-v0.0.229) 배포 후 화면 높이 412x780 / 412x640 두 가지로 렌더링 확인 — 두 경우 모두 안내가 세로 중앙, 버튼이 하단에 스크롤 없이 노출됩니다.빌드 산출물에
min-h-\[100dvh\]{min-height:100dvh}규칙 생성도 확인했습니다.🤖 Generated with Claude Code
https://claude.ai/code/session_016ScM4roFnvWcR1hmDuw7Zi