mirror of
https://github.com/cosscom/coss.git
synced 2026-09-14 20:06:50 +08:00
Pasquale Vitiello
d52145bed9
* refactor wip * fix: z-index issues + mc * refactor: improve Group component * fix: resolve deploy error + mc * fix: z-index issues * chore: remove button-with-kbd example and related documentation
59 lines
2.4 KiB
TypeScript
59 lines
2.4 KiB
TypeScript
import "./globals.css"
|
|
|
|
import type { Metadata } from "next"
|
|
import { Cal_Sans as FontHeading, Inter as FontSans } from "next/font/google"
|
|
import { ThemeProvider } from "@coss/ui/components/theme-provider"
|
|
|
|
import { SiteHeader } from "@/components/site-header"
|
|
import { ToastProvider } from "@/registry/default/ui/toast"
|
|
|
|
const fontSans = FontSans({
|
|
subsets: ["latin"],
|
|
variable: "--font-sans",
|
|
})
|
|
|
|
const fontHeading = FontHeading({
|
|
subsets: ["latin"],
|
|
variable: "--font-heading",
|
|
weight: "400",
|
|
})
|
|
|
|
export const metadata: Metadata = {
|
|
metadataBase: new URL("https://coss.com"),
|
|
title:
|
|
"coss ui - A new, modern UI component library built on top of Base UI. Built for developers and AI.",
|
|
description:
|
|
"coss ui is a collection of accessible, and composable React components. Built on top of Base UI and styled with Tailwind CSS,",
|
|
}
|
|
|
|
export default function RootLayout({
|
|
children,
|
|
}: Readonly<{
|
|
children: React.ReactNode
|
|
}>) {
|
|
return (
|
|
<html lang="en" suppressHydrationWarning>
|
|
<body
|
|
className={`${fontSans.variable} ${fontHeading.variable} bg-sidebar font-sans text-foreground antialiased`}
|
|
>
|
|
<ThemeProvider>
|
|
<ToastProvider>
|
|
<div className="relative flex min-h-svh flex-col overflow-clip [--header-height:4rem] before:pointer-events-none before:absolute before:inset-0 before:-z-10 before:bg-sidebar">
|
|
<div
|
|
className="pointer-events-none absolute inset-0 z-45 container before:absolute before:inset-y-0 before:-left-3 before:w-px before:bg-border/50 after:absolute after:inset-y-0 after:-right-3 after:w-px after:bg-border/50"
|
|
aria-hidden="true"
|
|
></div>
|
|
<div
|
|
className="pointer-events-none fixed inset-0 z-45 container before:absolute before:top-[calc(var(--header-height)-4.5px)] before:-left-[11.5px] before:z-1 before:-ml-1 before:size-2 before:rounded-[2px] before:border before:border-border before:bg-popover before:bg-clip-padding before:shadow-xs after:absolute after:top-[calc(var(--header-height)-4.5px)] after:-right-[11.5px] after:z-1 after:-mr-1 after:size-2 after:rounded-[2px] after:border after:border-border after:bg-background after:bg-clip-padding after:shadow-xs"
|
|
aria-hidden="true"
|
|
></div>
|
|
<SiteHeader />
|
|
{children}
|
|
</div>
|
|
</ToastProvider>
|
|
</ThemeProvider>
|
|
</body>
|
|
</html>
|
|
)
|
|
}
|