37 lines
1.5 KiB
TypeScript
37 lines
1.5 KiB
TypeScript
import type { Metadata } from "next";
|
|
import { DisclaimerBanner } from "@duoc-thu/ui";
|
|
import { NavTabs } from "./_components/NavTabs";
|
|
import "./globals.css";
|
|
|
|
export const metadata: Metadata = {
|
|
title: "Dược Thư RAG",
|
|
description: "Chatbot tra cứu Dược thư quốc gia Việt Nam",
|
|
};
|
|
|
|
export default function RootLayout({ children }: { children: React.ReactNode }) {
|
|
return (
|
|
<html lang="vi">
|
|
<body className="flex min-h-screen flex-col">
|
|
<DisclaimerBanner />
|
|
<header className="flex flex-wrap items-center gap-4 bg-gradient-to-r from-primary to-teal-900 px-6 py-4 text-primary-foreground shadow-sm">
|
|
<div className="flex items-center gap-3">
|
|
<div className="flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-white/15">
|
|
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" aria-hidden="true">
|
|
<path d="M12 3v18M3 12h18" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" />
|
|
</svg>
|
|
</div>
|
|
<div>
|
|
<p className="m-0 text-lg font-bold leading-tight">Dược Thư RAG</p>
|
|
<p className="m-0 text-sm leading-tight text-primary-foreground/85">
|
|
Tra cứu Dược thư quốc gia Việt Nam
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<NavTabs />
|
|
</header>
|
|
<main className="flex flex-1 justify-center p-6">{children}</main>
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|