design: 모임 초대 페이지 모바일 반응형 스타일 적용 (#190)

[mgYang53]

📋 작업 내용

모임 초대 페이지(InvitePage) 성공화면을 모바일(1024px 미만) 시안에 맞게 반응형 스타일을 적용했습니다.
#165/#167에서 MobileLayoutFrame(헤더/하단 CTA) 골격은 이미 적용되어 있어, 이번 PR에서 타이포/간격을 시안 값에 맞췄습니다. 데스크톱은 유지, 전부 max-lg: 오버라이드입니다.

🔧 변경 사항

• 제목 '새로운 독서모임에 초대되었어요!' → max-lg:typo-m-heading1 (24px)
• 상단 여백 max-lg:pt-8(32px) → max-lg:pt-[79px]
• 제목영역 ↔ 카드영역 간격 gap-9(36px) → 모바일 max-lg:gap-7(28px)
• 제목 ↔ 안내문 간격 gap-xtiny(4px) → 모바일 max-lg:gap-xsmall(8px)
• 카드 내부 패딩 px-9 pt-9(36px) → 모바일 max-lg:px-6 max-lg:pt-6(24px)
• 카드 설명 line-clamp-3 h-15(3줄/60px) → 모바일 max-lg:line-clamp-2 max-lg:h-10(2줄/40px)

📸 스크린샷 (선택 사항)

📄 기타

Closes #190

Summary by CodeRabbit

• 스타일
  • 초대 페이지의 레이아웃과 타이포그래피를 조정했습니다.
  • 모바일 화면의 여백, 간격, 제목 스타일을 개선했습니다.
  • 모임 정보 카드와 설명 텍스트의 표시 영역 및 줄바꿈을 최적화했습니다.

[coderabbitai]

Walkthrough

InvitePage 성공 화면에 모바일 전용 간격, 패딩, 제목 타이포그래피와 모임 설명의 높이·줄임 규칙을 적용했습니다. 로그인 및 가입 처리 흐름은 변경하지 않았습니다.

Changes

InvitePage 모바일 반응형 UI

Layer / File(s)	Summary
모바일 레이아웃 및 텍스트 스타일 src/pages/Gatherings/InvitePage.tsx	본문과 카드의 모바일 간격·패딩을 조정하고, 제목을 모바일 타이포그래피로 변경했습니다. 모임 설명은 모바일에서 2줄, 40px 높이로 제한됩니다.

Estimated code review effort: 1 (Trivial) | ~5 minutes

Possibly related PRs

• fc-de/dokdok-client#167: InvitePage의 모바일 레이아웃 골격을 적용한 변경으로, 이번 스타일 조정과 직접 연결됩니다.

Suggested labels: feat

Suggested reviewers: choiyoungae

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Linked Issues check	✅ Passed	[#190] 모바일 타이포, 여백, 카드 패딩, 설명 줄수 조정이 반영되어 요구사항과 일치합니다.
Out of Scope Changes check	✅ Passed	초대 페이지 성공 화면의 스타일 수정만 있어 요구사항 밖의 변경은 보이지 않습니다.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	제목이 InvitePage의 모바일 반응형 스타일 적용이라는 핵심 변경을 정확히 요약합니다.

✨ 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 feat/mobile-invite-190

---

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.}