fix: iPad 호환 모드 온보딩 화면 잘림 수정

[chlrjsgml]

Closes #236

변경 사항

• 짧은 화면에서 로그인 화면을 스크롤할 수 있도록 하고 상단 여백을 축소했습니다.
• 음성 분석 중 Tip 영역의 절대 위치를 제거해 화면 높이에 맞게 자연스럽게 배치했습니다.
• 프로필 완료 미리보기 카드의 최소 높이를 줄여 하단 CTA가 잘리지 않도록 했습니다.

원인

iPad의 iPhone 호환 모드(약 375×667)에서 고정 여백, 절대 위치, 큰 최소 높이가 함께 적용되어 하단 콘텐츠가 화면 밖으로 잘렸습니다.

검증

• iPhone SE 3세대 시뮬레이터(375×667)에서 로그인/분석 중/완료 화면 육안 확인
• pnpm exec eslint app/onboarding/login.tsx components/profile/ProfileVoiceParts.tsx
• pnpm exec tsc --noEmit
• pnpm expo export --platform ios --output-dir /private/tmp/eum-export-responsive --clear

Summary by CodeRabbit

• 개선 사항
  • 로그인 화면이 다양한 화면 높이에 맞게 조정되어 작은 화면에서도 콘텐츠를 더 편하게 확인할 수 있습니다.
  • 분석 화면에 스크롤이 지원되며, 화면 크기에 따라 여백과 미리보기 카드 크기가 최적화되었습니다.
  • 분석 팁이 콘텐츠 흐름에 맞게 표시되어 화면 겹침이 줄어듭니다.

[coderabbitai]

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro Plus

Run ID: 18b4a47e-758e-48d2-a937-303fc088f73a

📥 Commits

Reviewing files that changed from the base of the PR and between d319b2e and 587b193.

📒 Files selected for processing (2)

• app/onboarding/login.tsx
• components/profile/ProfileVoiceParts.tsx

---

Walkthrough

로그인 및 프로필 분석 화면이 짧은 화면에서 콘텐츠를 스크롤할 수 있도록 변경되었습니다. 화면 높이에 따라 일러스트와 팁 박스의 여백을 조정하고, 프로필 미리보기 카드의 최소 높이를 줄였습니다.

Changes

반응형 화면 레이아웃

Layer / File(s)	Summary
로그인 화면 스크롤 및 여백 대응 app/onboarding/login.tsx	루트 컨테이너를 ScrollView로 변경했습니다. 화면 높이가 750 미만이면 일러스트 상단 여백을 80으로 설정합니다. 콘텐츠에 flexGrow와 하단 안전 영역 패딩을 적용했습니다.
프로필 분석 화면 흐름 배치 components/profile/ProfileVoiceParts.tsx	분석 화면을 스크롤 컨테이너로 변경했습니다. 짧은 화면에서 상단 및 팁 박스 여백을 줄였습니다. 팁 박스를 일반 콘텐츠 흐름에 배치하고 프로필 미리보기 카드의 최소 높이를 260으로 변경했습니다.

Estimated code review effort: 2 (Simple) | ~15 minutes

Possibly related PRs

• UMC-Eum/Frontend#97: components/profile/ProfileVoiceParts.tsx의 프로필 미리보기 및 분석 레이아웃을 함께 수정합니다.

Suggested reviewers: copilot, chest-press-man

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch fix/EUM-236

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[Copilot]

Pull request overview

Fixes onboarding UI clipping in iPad “iPhone compatibility mode” (approx. 375×667) by making key screens resilient to shorter heights so CTAs/tip content remain visible and usable.

Changes:

• LoginScreen: wrap content in a vertical ScrollView and reduce top illustration margin on compact heights.
• AnalyzingView: replace absolute-positioned Tip card with natural flow layout inside a ScrollView and adjust spacing for compact heights.
• CompletePreviewView: lower the preview card minimum height so the bottom CTA is less likely to be pushed off-screen.

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 1 comment.

File	Description
app/onboarding/login.tsx	Adds scroll fallback + compact top spacing to prevent login CTA clipping on short screens.
components/profile/ProfileVoiceParts.tsx	Removes absolute positioning + adds scrolling/compact spacing for analyzing view; reduces preview card min height.