54d84abc8b
Font unification: - Add @fontsource packages for Geist Sans, Geist Mono, Playfair Display - Create fonts.ts for centralized font imports - Import fonts in both web (layout.tsx) and desktop (main.tsx) - Register --font-brand in Tailwind @theme inline block - Fix font-brand class usage (replace arbitrary value syntax) Design system documentation: - Add comprehensive design philosophy comments to globals.css - Document typography choices (why Geist, why Playfair for brand) - Document color system approach (neutral grays, semantic colors only) - Explain component library customizations Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
42 lines
1.1 KiB
TypeScript
42 lines
1.1 KiB
TypeScript
import type { Metadata } from "next";
|
|
import "@multica/ui/fonts";
|
|
import "@multica/ui/globals.css";
|
|
import { ThemeProvider } from "@multica/ui/components/theme-provider";
|
|
import { Toaster } from "@multica/ui/components/ui/sonner";
|
|
import { ServiceWorkerRegister } from "./sw-register";
|
|
|
|
export const metadata: Metadata = {
|
|
title: "Multica",
|
|
description: "Distributed AI agent framework",
|
|
appleWebApp: {
|
|
capable: true,
|
|
statusBarStyle: "black-translucent",
|
|
title: "Multica",
|
|
},
|
|
icons: {
|
|
apple: "/apple-touch-icon.png",
|
|
},
|
|
};
|
|
|
|
export default function RootLayout({
|
|
children,
|
|
}: Readonly<{
|
|
children: React.ReactNode;
|
|
}>) {
|
|
return (
|
|
<html lang="en" suppressHydrationWarning>
|
|
<body className="font-sans antialiased h-dvh flex flex-col">
|
|
<ThemeProvider
|
|
attribute="class"
|
|
defaultTheme="system"
|
|
enableSystem
|
|
disableTransitionOnChange
|
|
>
|
|
<div className="h-dvh overflow-hidden">{children}</div>
|
|
</ThemeProvider>
|
|
<Toaster />
|
|
<ServiceWorkerRegister />
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|