HitMusicU

모바일 차트 필터 레이아웃 개선 (commit 7812d8b)

문제: 모바일에서 Song/Artist 검색 input이 너무 좁아져 돋보기 아이콘만 보이고 placeholder 텍스트가 안 보임

해결: 모바일(<640px)에서 검색 input을 세로 스택(flex-col)으로 변경하여 각 input이 full-width로 표시되도록 수정. 데스크탑(sm+)은 기존 가로 배치 유지.

변경 파일: frontend/app/chart/page.tsx

• flex-wrap → flex-col sm:flex-row sm:flex-wrap
• 검색 input: min-w-0 flex-1 → w-full sm:w-auto sm:flex-1
• Genre/Reset/건수를 하단 한 줄로 그룹핑

모바일 하단 탭바 네비게이션 추가 (commit 9b582f9)

문제: 모바일에서 상단 탭(Chart, Artist, Song, My, Learn)이 한 줄에 다 안 들어가서 가로 스크롤 필요

해결: 모바일(<640px)에서 하단 고정 탭바 적용 (카카오톡/인스타그램 방식). 아이콘 + 텍스트 라벨로 직관적 네비게이션. 데스크탑(sm+)은 기존 상단 탭 유지.

변경 파일:

• frontend/components/layout/tab-navigation.tsx: 상단 탭 sm:flex로 데스크탑만 표시, 하단 고정 탭바 sm:hidden으로 모바일만 표시
• frontend/app/layout.tsx: main에 pb-20 sm:pb-6 추가 (하단 탭바에 컨텐츠 가려짐 방지)