- 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>
20 lines
451 B
TypeScript
20 lines
451 B
TypeScript
import "./globals.css";
|
|
import type { Metadata } from "next";
|
|
import { TopNav } from "../components/TopNav";
|
|
|
|
export const metadata: Metadata = {
|
|
title: "Stock Chart Site",
|
|
description: "개인용 주식 예측 차트",
|
|
};
|
|
|
|
export default function RootLayout({ children }: { children: React.ReactNode }) {
|
|
return (
|
|
<html lang="ko">
|
|
<body className="min-h-screen">
|
|
<TopNav />
|
|
{children}
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|