fix: 긴 상품명일 때 영수증 공유 이미지가 작게 캡처되는 문제 수정

[ychany]

작업 내용

긴 상품명일 때 영수증 공유 이미지가 작게 캡처되고 아래 여백이 남던 문제를 수정했습니다.

원인 — zoom 을 낮추면 폭 보정 때문에 레이아웃 폭이 넓어지고, 긴 상품명의 줄바꿈이 달라져 높이가 다시 변합니다. 배율을 한 번만 계산하니 이 되먹임을 반영하지 못했습니다. 짧은 상품명은 줄바꿈이 변하지 않아 문제가 드러나지 않았습니다.

• 배율이 안정될 때까지 반복 계산 — 줄바꿈이 계단식이라 두 값을 오갈 수 있어 상한을 넘지 않는 최대 배율을 선택
• 높이 상한을 실제 가용 공간 기준으로 정정
• 종이 위 여백을 시안값으로 조정
• 로고를 종이 하단과 캔버스 하단의 가운데에 배치 (하단 물결이 absolute 라 레이아웃에 안 잡히는 점 보정)

상품명 길이·개수와 무관하게 종이 폭 740(1080 기준)이 유지됩니다.

스크린샷

연관 이슈

closes #568

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
piki	Ready	Preview	Aug 25, 2026 12:47pm

[coderabbitai]

Warning

Review limit reached

Next included review available in 11 minutes.

View limit details

Limit details: You’ve used the included review currently available.

You've used all free OSS reviews for now. Wait for the free limit to reset to keep reviewing this public repository.

Learn how review limits work.

Review configuration:

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 42f24b65-a015-44e9-8e77-bfcca9f8e262

📥 Commits

Reviewing files that changed from the base of the PR and between 40b5e0a and c9dd764.

📒 Files selected for processing (1)

• apps/web/src/app/tournament/[id]/result/_components/receipt-share-dialog/ReceiptShareCaptureLayer.tsx

---

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

[github-actions]

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