Skip to content

[FIX] 툴팁 문구 수정 및 메인페이지 레이아웃 수정 (#344) - #366

Merged
hyunseo-han merged 2 commits into
developfrom
fix/tool-tip-credit(#344)
Aug 13, 2026
Merged

[FIX] 툴팁 문구 수정 및 메인페이지 레이아웃 수정 (#344)#366
hyunseo-han merged 2 commits into
developfrom
fix/tool-tip-credit(#344)

Conversation

@hyunseo-han

@hyunseo-han hyunseo-han commented Aug 13, 2026

Copy link
Copy Markdown
Contributor

🔀 Pull Request Title

툴팁 문구 수정 및 메인페이지 레이아웃 수정


📌 PR 설명

이번 PR에서 어떤 작업을 했는지 요약해주세요.

  • 사진복원 크레딧 툴팁 문구를 "무료 크레딧 n/5 사용" → "사용 가능한 크레딧 n개"로 변경하고, 툴팁 너비를 고정폭에서 문구 기반으로 전환
  • 메인 페이지 좌우 여백이 기기 폭에 따라 0~23px로 달라지고 Header와 본문 섹션 정렬이 어긋나던 문제 수정 (모든 기기에서 16px 고정)
  • 배너·갤러리 캐러셀의 자체 px-5(20px)와 짝이던 scrollPadding 제거, Footer는 배경 full-bleed를 유지하면서 내부 콘텐츠만 동일 박스로 정렬

📷 스크린샷

image

@hyunseo-han
fix: 사진복원 크레딧 툴팁을 잔액 표시로 변경(#344)
b0b1cc9 
기존 "무료 크레딧 n/5 사용"은 잔액에서 역산한 사용량이라
크레딧을 5개 초과로 보유하면 0으로 clamp되는 문제가 있었다.
표시 기준을 잔액으로 바꾸고 Tooltip props도 balance 하나로 정리.

너비 w-40.25 고정을 w-fit으로 바꿔 문구 길이에 따라 늘어나게 했다.
@hyunseo-han
fix: 메인 페이지 좌우 여백을 기기 무관 16px로 정렬(#344)
1bb24c8 
#347에서 좌우 margin 스크롤 문제를 고치며 스크롤 컨테이너를
w-screen으로 확장하고 콘텐츠 폭을 max-w-sm(384px)으로 잡았는데,
RootLayout의 max-w-120(480px) + px-4와 기준이 달라 여백이
(100vw - 384) / 2 로 기기마다 달라졌다. Header(16px)와 본문
섹션의 좌우 정렬도 어긋난 상태였다.

w-screen 확장은 그대로 두고(제거하면 #347 회귀), max-w-sm 자리에
RootLayout과 동일한 콘텐츠 박스(max-w-120 + px-4 sm:px-6 lg:px-8)를
재현했다. SectionWrapper에 직접 준 이유는 useAnchorScroll이
container.children 직계 자식에서만 data-anchor를 찾기 때문이다.

- 배너/갤러리 캐러셀의 자체 px-5(20px)와 짝이던 scrollPadding 제거
- Footer는 배경 full-bleed를 유지하고 내부 콘텐츠만 같은 박스로 정렬
@hyunseo-han hyunseo-han self-assigned this Aug 13, 2026
@hyunseo-han hyunseo-han added design UI, 디자인 변경 bug 버그 수정 labels Aug 13, 2026
@hyunseo-han hyunseo-han linked an issue Aug 13, 2026 that may be closed by this pull request
[FIX] 툴팁에 표시되는 크레딧 개수 수정 #344
Closed
@vercel

vercel Bot commented Aug 13, 2026

Copy link
Copy Markdown

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

Project Deployment Actions Updated (UTC)
finders Ready Ready Preview Aug 13, 2026 8:45am

@hyunseo-han hyunseo-han changed the title [FIX] 툴팁 문구 수정 및 메인페이지 레이아웃 수정 [FIX] 툴팁 문구 수정 및 메인페이지 레이아웃 수정(#344) Aug 13, 2026
@hyunseo-han hyunseo-han changed the title [FIX] 툴팁 문구 수정 및 메인페이지 레이아웃 수정(#344) [FIX] 툴팁 문구 수정 및 메인페이지 레이아웃 수정 (#344) Aug 13, 2026
@hyunseo-han
hyunseo-han merged commit 33ee9a4 into develop Aug 13, 2026
3 checks passed
@claude

claude Bot commented Aug 13, 2026

Copy link
Copy Markdown

Claude 자동 리뷰
✅ 이슈 없음

검사 범위: 로직 오류 · 엣지 케이스/런타임 · 컨벤션 준수(CLAUDE.md, .claude/skills/tdd-clean-arch/SKILL.md 및 references/{directory-structure,state-management,routing-forms-http,testing-guide}.md) · tsc -b 통과 · eslint . --max-warnings 0 통과

주요 확인 지점:

  • PromotionBanner·CommunityGallerySection의 px-5/scrollPadding 제거 → Math.round(scrollLeft / clientWidth) 오차항이 배너 3개 구간에서 0.5를 넘지 않아 PageDots 인덱스 회귀 없음. updateActiveIndex는 offsetLeft 기반이라 패딩과 무관. 제거된 scrollPadding은 좌우 대칭이라 snap-center 스냅 위치에 영향 없음.
  • SectionWrapper·Footer 내부 박스의 max-w-120 px-4 sm:px-6 lg:px-8가 RootLayout의 콘텐츠 박스와 정확히 일치 → ml-[calc(50%-50vw)] w-screen breakout과 조합해도 Header와 좌우 좌표가 맞고, 가로 오버플로도 생기지 않음.
  • Tooltip의 w-40.25 → w-fit 전환: 본문 whitespace-nowrap 때문에 shrink-to-fit 폭이 확정되어 -translate-x-1/2 중앙 정렬과 꼬리 정렬이 유지됨.
  • used/total → balance 시그니처 변경: Tooltip의 유일한 consumer는 RestorationFooter이고, 표시값이 차감 게이트(creditBalance <= 0)와 같은 값을 쓰므로 표시/판정 기준이 일치.

Generated by Claude Code

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

@hyunseo-han hyunseo-han

Labels

bug 버그 수정 design UI, 디자인 변경

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

[FIX] 툴팁에 표시되는 크레딧 개수 수정

1 participant

@hyunseo-han