stock_chart_site/web/components/TopNav.tsx at 300f7beef013de61f760404b6041d0aa3eda4a71

Files

claude-owner 300f7beef0 feat(nav): 글로벌 sticky 헤더 + 컴팩트 검색

- web/components/TopNav.tsx: sticky top header
  · 좌: Stock Chart 로고 (→ /)
  · 중: 컴팩트 검색 input + popover (debounced 200ms, with_sparkline=false 빠른 응답)
  · 우: ★ 관심 (→ /watchlist)
- 바깥 클릭/Esc 로 popover 닫힘
- 결과 클릭 시 자동 닫힘 + 검색어 클리어
- web/app/layout.tsx: <body> 최상단에 <TopNav /> 부착

토스 톱바 톤. 모든 페이지에서 검색 가능 — 홈으로 돌아갈 필요 없음.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

2026-05-28 15:10:14 +09:00

4.3 KiB

Raw Blame History

View Raw

4.3 KiB Raw Blame History

4.3 KiB

Raw Blame History