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

feat: add shared BrandLink for home/repo navigation

#15
JiseoupJiseoup · Jun 5, 2026feat/shared-brand-link → main
feat
OverviewCommitsFiles changed

Related Issue

N/A

Changes

  • Extract the duplicated GitHub logo + title markup from the home page and repository header into a shared BrandLink component linking to home.
  • Make the home page logo/title clickable to navigate home (previously static), matching the repository header behavior.
  • Wrap the logo and label in a single <Link> so they focus as one unit instead of two separate links.
  • Make the repository name clickable, linking back to the repo's code (root) page.
  • Use a solid base color with a subtle hover:opacity-80 transition for brand and repo-name links (consistent, GitHub/Vercel-style hover).

How to Verify

  1. Run npm run dev and open the home page — click the logo or site name and confirm it stays on the home page (/[lang]).
  2. Open a repository, then a sub-page (Commits / Pulls / a PR detail).
  3. Click the owner/logo → returns to home; click the repository name → returns to the repo's code view.
  4. Hover each link and confirm it dims slightly (opacity) without color shift.
  5. Verify layout on mobile (≥ 320px) — header truncates without overflow.

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: