Skip to content

fix: Others 카테고리 추가에 맞춰 범례 박스 확장 - #19

Merged
with-developer merged 1 commit into
mainfrom
dev
Jun 10, 2026
Merged

with-developer merged 1 commit into
mainfrom
dev

Conversation

@with-developer

Copy link
Copy Markdown
Owner

배경

Dreamhack API에 others 카테고리가 새로 추가되면서 Most Solved Categories 범례 항목이 4개 → 5개로 늘었습니다. 그 결과 기존 4개 기준으로 잡혀 있던 범례 배경 박스가 5개를 담기엔 하단이 빡빡해져, 맨 아래 항목이 박스 경계에 거의 붙어 보이는 문제가 있었습니다.

변경 사항

src/utils/generateCategorySvg.ts 범례 레이아웃 조정:

항목 변경 전 변경 후
범례 시작점 legendStartY 75 64
항목 간격 legendItemHeight 22 23
배경 박스 y 55 50
배경 박스 height 120 130
  • 박스를 위로 올리고 키워 5개 항목의 상·하단 여백을 각 14px로 균형 있게 맞춤
  • SVG 전체 크기(390×190)는 그대로 유지 → README 레이아웃 영향 없음

테스트

  • generateCategorySvg.test.ts 6개 전부 통과 (좌표값을 검증하지 않아 영향 없음)
  • dev 서버에서 실제 데이터로 렌더링 확인 (5개 항목이 박스 안에 균형 있게 배치됨)

Others 카테고리가 새로 생기며 Most Solved Categories 범례가 4개에서
5개로 늘어나 박스 하단이 빡빡해진 문제 수정. 범례 시작점을 위로 올리고
배경 박스를 키워 5개 항목의 상하 여백 균형을 맞춤.
@with-developer
with-developer merged commit f6de29f into main Jun 10, 2026
6 checks passed

This branch was successfully deployed

1 active deployment
Preview — 4956164a Deployed Jun 10, 2026 by github-actions[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant