mirror of
https://github.com/Rain-kl/OpenFlare.git
synced 2026-09-29 22:06:38 +08:00
ryan
5a6ffd600a
Use next/font/google to download and host Inter locally, injecting it into html root via Tailwind CSS variables and fallback to PingFang SC for Chinese characters.
64 lines
1.9 KiB
TypeScript
64 lines
1.9 KiB
TypeScript
import type {Metadata} from "next";
|
|
import {Inter} from "next/font/google";
|
|
import {Toaster} from "@/components/ui/sonner";
|
|
import {ThemeProvider} from "@/components/layout/theme-provider";
|
|
import {CustomThemeProvider} from "@/lib/theme";
|
|
import {BellRingProvider} from "@/contexts/bell-ring-context";
|
|
import {NotificationSettingsProvider} from "@/contexts/notification-settings-context";
|
|
import {UserProvider} from "@/contexts/user-context";
|
|
import {AppQueryProvider} from "@/components/providers/query-provider";
|
|
import {SiteTitleUpdater} from "@/components/providers/title-updater";
|
|
import {RobotsMeta} from "@/components/layout/robots-meta";
|
|
import "./globals.css";
|
|
|
|
const inter = Inter({
|
|
subsets: ["latin"],
|
|
variable: "--font-inter",
|
|
display: "swap",
|
|
});
|
|
|
|
export const metadata: Metadata = {
|
|
title: "Wavelet Platform",
|
|
description: "通用二次开发标准范式平台",
|
|
};
|
|
|
|
export default function RootLayout({
|
|
children,
|
|
}: Readonly<{
|
|
children: React.ReactNode;
|
|
}>) {
|
|
return (
|
|
<html
|
|
lang="zh-CN"
|
|
className={`hide-scrollbar font-sans ${inter.variable}`}
|
|
suppressHydrationWarning
|
|
>
|
|
<body
|
|
className="hide-scrollbar font-sans antialiased"
|
|
>
|
|
<ThemeProvider
|
|
attribute="class"
|
|
defaultTheme="system"
|
|
enableSystem
|
|
disableTransitionOnChange
|
|
>
|
|
<CustomThemeProvider>
|
|
<AppQueryProvider>
|
|
<SiteTitleUpdater />
|
|
<RobotsMeta />
|
|
<UserProvider>
|
|
<NotificationSettingsProvider>
|
|
<BellRingProvider>
|
|
{children}
|
|
<Toaster position="top-center" />
|
|
</BellRingProvider>
|
|
</NotificationSettingsProvider>
|
|
</UserProvider>
|
|
</AppQueryProvider>
|
|
</CustomThemeProvider>
|
|
</ThemeProvider>
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|