| import { Metadata } from 'next' | |
| import { Toaster } from 'react-hot-toast' | |
| import { TailwindIndicator } from '@/components/tailwind-indicator' | |
| import { Providers } from '@/components/providers' | |
| import { Header } from '@/components/header' | |
| import '@/app/globals.scss' | |
| export const metadata: Metadata = { | |
| title: { | |
| default: 'Lightsdark Bing AI', | |
| template: `%s - Bing AI Chatbot` | |
| }, | |
| description: 'Lightsdark Bing AI Web App.', | |
| themeColor: [ | |
| { media: '(prefers-color-scheme: light)', color: 'white' }, | |
| { media: '(prefers-color-scheme: dark)', color: 'dark' } | |
| ], | |
| icons: { | |
| icon: '/favicon.ico', | |
| shortcut: '../assets/images/logo.svg', | |
| apple: '../assets/images/logo.svg' | |
| } | |
| } | |
| interface RootLayoutProps { | |
| children: React.ReactNode | |
| } | |
| export default function RootLayout({ children }: RootLayoutProps) { | |
| return ( | |
| <html lang="zh-CN" suppressHydrationWarning> | |
| <body> | |
| <Toaster /> | |
| <Providers attribute="class" defaultTheme="system" enableSystem> | |
| <div className="flex flex-col min-h-screen"> | |
| {/* @ts-ignore */} | |
| <Header /> | |
| <main className="flex flex-col flex-1">{children}</main> | |
| </div> | |
| <TailwindIndicator /> | |
| </Providers> | |
| </body> | |
| </html> | |
| ) | |
| } | |