tkrmagid/stock_chart_site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(nav): 글로벌 sticky 헤더 + 컴팩트 검색

Browse Source 
- 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>
This commit is contained in:
claude-owner
2026-05-28 15:10:14 +09:00
parent 85da979fbe
commit 300f7beef0
2 changed files with 131 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
web/app/layout.tsx
View File

@@ -1,5 +1,6 @@
import "./globals.css";
import type { Metadata } from "next";
import { TopNav } from "../components/TopNav";
export const metadata: Metadata = {
title: "Stock Chart Site",
@@ -9,7 +10,10 @@ export const metadata: Metadata = {
export default function RootLayout({ children }: { children: React.ReactNode }) {
return (
<html lang="ko">
<body className="min-h-screen">{children}</body>
<body className="min-h-screen">
<TopNav />
{children}
</body>
</html>
);
}