[FEATURE] 전화번호 중복가입 차단 및 로그인 플로우 개선 - #355
Conversation
…o block-duplicate-sns-signup(#346)
|
Caution The consumer version of Gemini Code Assist on GitHub has been sunset. All code review activity has officially ceased. |
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
There was a problem hiding this comment.
Claude 자동 리뷰
검사 범위: 로직 오류 · 엣지 케이스/런타임(Capacitor 플랫폼 분기·히스토리·리스너) · 컨벤션 준수 (CLAUDE.md, .claude/skills/tdd-clean-arch/SKILL.md, references/{directory-structure,state-management,routing-forms-http,testing-guide}.md) · pnpm lint 통과, tsc -b 통과 (이 PR 변경 라인발 실패 없음)
후보 12건 중 8건은 독립 검증에서 confidence 80 미만으로 폐기했습니다. 컨벤션 위반으로 확정된 건은 없습니다.
Generated by Claude Code
| /> | ||
| )} | ||
| {recentLoginProvider === "KAKAO" && !isAndroidApp() && ( | ||
| <RecentLoginDialog className="absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/4" /> |
There was a problem hiding this comment.
[Major] pointer-events-none이 없어 이 말풍선이 Apple 버튼의 탭 영역을 가립니다.
말풍선은 AppleButton과 같은 relative 컨테이너 안에 position: absolute로, DOM상 버튼 뒤에 렌더됩니다. 버튼(Press → <button>)은 static이라 페인팅 순서상 말풍선이 위에 오고, 히트 테스트도 말풍선이 먼저 받습니다.
겹침 계산: 말풍선 높이 34px(text-xs 16 + py-1.25 10 + Polygon h-2.5 10 − -mt-0.5 2), 컨테이너 높이 = AppleButton의 h-[3.125rem] 50px. bottom-0 → top 16px, 여기에 translate-y-1/4(자기 높이의 25% = 8.5px) → top 24.5px. 즉 **y 24.5~50px, 버튼 높이의 51%**가 덮입니다. 가로로는 left-1/2 -translate-x-1/2로 중앙 약 130px — "Apple로 계속하기" 라벨이 있는 지점입니다.
재현: iOS 앱 또는 모바일 웹에서 finders:recentLoginProvider가 "KAKAO"인 상태 → 로그인 화면 → Apple 버튼 중앙 아래쪽 탭 → SignInWithApple.authorize()가 호출되지 않습니다. 버튼 좌우 끝이나 위쪽만 반응합니다.
정적 외형은 그대로 두고 히트 테스트만 통과시키면 됩니다.
| <RecentLoginDialog className="absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/4" /> | |
| <RecentLoginDialog className="pointer-events-none absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/4" /> |
Generated by Claude Code
🔀 Pull Request Title
전화번호 중복가입 차단 및 로그인 플로우 개선(#346)
🎞️ 주요 코드 설명
전화번호 중복가입 차단
로그인 UX 개선
📌 PR 설명
이번 PR에서 어떤 작업을 했는지 요약해주세요.
📷 스크린샷