| import type { Metadata, Viewport } from "next"; |
| import { Toaster } from "sonner"; |
| import "./globals.css"; |
| import { AppShell } from "@/components/app-shell"; |
|
|
| export const metadata: Metadata = { |
| title: "ChatGPT 号池管理", |
| description: "ChatGPT account pool management dashboard", |
| }; |
|
|
| export const viewport: Viewport = { |
| width: "device-width", |
| initialScale: 1, |
| maximumScale: 1, |
| userScalable: false, |
| themeColor: "#f0ebe3", |
| }; |
|
|
| export default function RootLayout({ |
| children, |
| }: Readonly<{ |
| children: React.ReactNode; |
| }>) { |
| return ( |
| <html lang="zh-CN" suppressHydrationWarning> |
| <body |
| className="antialiased" |
| style={{ |
| fontFamily: |
| '"SF Pro Display","SF Pro Text","PingFang SC","Microsoft YaHei","Helvetica Neue",sans-serif', |
| }} |
| > |
| <Toaster |
| className="app-toaster" |
| position="top-center" |
| expand={false} |
| visibleToasts={4} |
| gap={10} |
| offset={96} |
| mobileOffset={{ top: 140, right: 16, bottom: 16, left: 16 }} |
| toastOptions={{ |
| duration: 3200, |
| classNames: { |
| toast: "app-toast", |
| title: "app-toast-title", |
| description: "app-toast-description", |
| actionButton: "app-toast-action", |
| cancelButton: "app-toast-cancel", |
| closeButton: "app-toast-close", |
| }, |
| }} |
| /> |
| <AppShell>{children}</AppShell> |
| </body> |
| </html> |
| ); |
| } |
|
|
