fix: 아카이브 위시/토너먼트 + 버튼 위치·크기를 시안 기준으로 통일

[ychany]

작업 요약

• 아카이브 위시/토너먼트 탭의 + 버튼 위치·크기를 시안 기준으로 통일합니다

작업 세부 내용

/archive/wish 와 /archive/tournament 의 우측 하단 + (FAB) 버튼이 서로 위치·크기가 달라, 탭 전환 시 버튼이 좌우로 움직이고 크기도 달라 보이던 문제를 Figma 시안 기준으로 통일했습니다.

두 페이지가 각각 다른 항목에서 시안과 어긋나 있어(wish=위치, tournament=아이콘), 틀린 쪽만 시안 값으로 보정했습니다.

항목	시안	수정 전	수정 후
wish 우측 여백	~20px	pr-8 (32px)	pr-5 (20px)
tournament 아이콘 크기	33.101px	30px	33.101px
하단 위치	—	bottom-[103px]	동일 (변경 없음)

• wish: 아이콘 크기(33.101px)는 시안과 일치해 유지, 우측 여백만 32px → 20px
• tournament: 위치(우측 20px)는 시안과 일치해 유지, 아이콘만 30px → 33.101px

연관 이슈

closes #397

Summary by CodeRabbit

• 스타일
  • 토너먼트 생성 버튼 아이콘 크기를 조정했습니다.
  • 위시리스트 추가 버튼 영역의 오른쪽 여백을 줄였습니다.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
piki	Ready	Preview, Comment	Jul 29, 2026 4:45am

[github-actions]

Discord 스레드 연동용 메타데이터입니다. discord-pr-bot 워크플로가 자동 생성하며, 수정·삭제하면 PR 과 Discord 알림 연동이 끊깁니다.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 033caaed-651c-48df-8680-3b06118b72b8

📥 Commits

Reviewing files that changed from the base of the PR and between f4261f6 and e9bc7c2.

📒 Files selected for processing (2)

• apps/web/src/app/archive/tournament/_components/TournamentFab.tsx
• apps/web/src/app/archive/wish/_components/WishlistFabArea.tsx

---

📝 Walkthrough

Walkthrough

아카이브 위시리스트 FAB의 오른쪽 패딩을 pr-8에서 pr-5로 변경하고, 토너먼트 FAB의 추가 아이콘 크기를 30에서 33.101로 조정합니다.

Changes

아카이브 FAB 정렬

Layer / File(s)	Summary
FAB 위치 및 크기 통일 apps/web/src/app/archive/wish/_components/WishlistFabArea.tsx, apps/web/src/app/archive/tournament/_components/TournamentFab.tsx	위시리스트 FAB의 오른쪽 패딩을 pr-5로 변경하고, 토너먼트 추가 아이콘의 너비와 높이를 33.101로 변경합니다.

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

Possibly related PRs

• TeamPiKi/client#364: WishlistFabArea.tsx를 수정하지만, FAB 스타일이 아닌 props 및 삭제 모드 UI를 변경합니다.
• TeamPiKi/client#366: TournamentFab 구성과 관련된 변경으로, 동일 컴포넌트의 후속 아이콘 크기 조정과 연결됩니다.

Suggested labels: style

Suggested reviewers: iodio89

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	제목이 아카이브 위시/토너먼트 + 버튼 위치·크기 통일이라는 핵심 변경을 정확히 요약합니다.
Linked Issues check	✅ Passed	위시의 우측 여백과 토너먼트의 아이콘 크기를 이슈 요구사항대로 수정해 직접 연결된 #397 목표를 충족합니다.
Out of Scope Changes check	✅ Passed	요구사항과 무관한 변경은 보이지 않으며, 두 FAB 스타일 조정만 포함되어 있습니다.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

✨ 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/397-archive-fab-position

---

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