Jiseoup/showmycodePublic
EN|KO
  • Code
  • Commits
  • Pull Requests
← Back to list
Merged

fix: apply responsive horizontal padding to diff detail pages

#17
JiseoupJiseoup · Jun 8, 2026fix/diff-page-mobile-padding → main
fix
OverviewCommitsFiles changed

Related Issue

N/A

Changes

  • Replace bare px-6 with px-3 md:px-6 on the <main> of the commit-detail and PR-detail pages (and their loading.tsx skeletons), per the page-level padding convention in CLAUDE.md.
  • These four pages were the only ones violating the rule; mobile (≥320px) now gets 12px side padding instead of 24px, freeing up horizontal space for diffs. Desktop (md: and up) keeps 24px unchanged.

How to Verify

  1. Open a PR detail and a commit detail page at a 320px viewport width.
  2. Confirm side padding is tighter (12px) and the diff has more room.
  3. Resize to ≥768px and confirm padding returns to 24px.

Checklist

  • npm run format:check passes
  • npm run lint passes
  • npm run typecheck passes
  • npm run build passes
  • PR title follows Conventional Commits (feat:, fix:, chore:, refactor:, docs:, test:, )
i18n: