Hotfix : CSS 조정

[GulSam00]

📌 PR 제목

[Type] : 작업 내용 요약

📌 변경 사항

💬 추가 참고 사항

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
singcode	Building	Preview, Comment	Mar 5, 2026 4:45pm

[qodo-code-review]

Review Summary by Qodo

Refine recent songs page header styling

✨ Enhancement

Walkthroughs

Description

• Adjusted CSS styling for recent songs page header
• Reduced font sizes from 2xl to xl for better proportions
• Removed unnecessary margins from navigation buttons
• Changed heading element from h1 to span for semantic accuracy
• Added whitespace-nowrap to prevent text wrapping

Diagram

flowchart LR
  A["Recent Songs Page"] -- "CSS adjustments" --> B["Header Layout"]
  B -- "font size reduction" --> C["Text: 2xl → xl"]
  B -- "spacing optimization" --> D["Remove button margins"]
  B -- "semantic fix" --> E["h1 → span element"]
  B -- "layout improvement" --> F["Add whitespace-nowrap"]

Loading

File Changes

1. apps/web/src/app/recent/page.tsx ✨ Enhancement +7/-7

Optimize recent songs page header styling

• Reduced font sizes from text-2xl to text-xl for year/month selectors
• Removed m-2 margin classes from navigation buttons
• Changed gap-2 to gap-1 in header container
• Replaced h1 heading with span element for semantic correctness
• Added whitespace-nowrap and adjusted padding on header container

apps/web/src/app/recent/page.tsx

---

[qodo-code-review]

Code Review by Qodo

🐞 Bugs (1) 📘 Rule violations (0) 📎 Requirement gaps (0)

1. H1 제목 시맨틱 제거 🐞 Bug ✓ Correctness

Description

페이지의 주 제목이 <h1>에서 <span>으로 변경되어 스크린리더의 헤딩 기반 탐색/문서 구조 인지가 약해집니다. 코드베이스 내 다른 페이지들은 주 타이틀을 <h1>로
유지하고 있어 구조 일관성도 깨집니다.

Code

apps/web/src/app/recent/page.tsx[79]

+          <span>최신곡</span>

Evidence

Recent 페이지 헤더에서 '최신곡' 텍스트가 span으로 렌더링되며, 해당 컴포넌트 내에 별도의 h1이 보이지 않습니다. 반면 popular/info/search 등
다른 주요 페이지들은 동일한 역할의 화면 타이틀을 h1으로 렌더링하고 있어, 이번 변경이 페이지 레벨 헤딩을 제거하는 퇴행임을 뒷받침합니다.

apps/web/src/app/recent/page.tsx[46-85]
apps/web/src/app/popular/page.tsx[3-8]
apps/web/src/app/info/page.tsx[34-40]
apps/web/src/app/search/HomePage.tsx[139-146]

Agent prompt

The issue below was found during a code review. Follow the provided context and guidance below and implement a solution

## Issue description
최근곡 페이지의 화면 타이틀이 `<h1>`에서 `<span>`으로 바뀌면서 페이지의 주 헤딩이 사라졌습니다. 이는 스크린리더의 헤딩 기반 탐색과 문서 구조 인지에 악영향을 줄 수 있고, 코드베이스 내 다른 페이지들의 타이틀 구조와도 불일치합니다.

## Issue Context
- 현재 헤더 영역은 년/월 Select와 함께 페이지 타이틀(최신곡)을 표시하는 구조입니다.
- 시각적 스타일을 변경하지 않으면서도 시맨틱 헤딩은 유지할 수 있습니다.

## Fix Focus Areas
- apps/web/src/app/recent/page.tsx[53-80]

ⓘ Copy this prompt and use it to remediate the issue with your preferred AI generation tools

---

ⓘ The new review experience is currently in Beta. Learn more