feat(core): first header prototype and background styling

This commit is contained in:
2026-04-13 23:48:22 +02:00
parent a90cf0561f
commit 526603dc63
3 changed files with 65 additions and 7 deletions
+1 -1
View File
@@ -19,7 +19,7 @@
background-image: radial-gradient(
circle at 1px 1px,
color-mix(in oklch, var(--foreground) 25%, transparent) 1px,
color-mix(in oklch, var(--foreground) 15%, transparent) 1px,
transparent 0
);
+6 -6
View File
@@ -4,6 +4,7 @@ import "./globals.css";
import { cn } from "@/lib/utils";
import { ThemeProvider } from "../components/theme-provider";
import BackgroundEffects from "../components/custom/background-effects";
import Navbar from "../components/custom/navbar";
const inter = Inter({subsets:['latin'],variable:'--font-sans'});
@@ -32,17 +33,16 @@ export default function RootLayout({
lang="en" suppressHydrationWarning
className={cn("h-full", "antialiased", geistSans.variable, geistMono.variable, "font-sans", inter.variable)}
>
<body className="min-h-screen">
<body className="min-h-screen relative isolate">
<ThemeProvider
attribute="class"
defaultTheme="system"
enableSystem
>
<div className="relative isolate min-h-screen">
<BackgroundEffects />
<div className="relative z-10">
{children}
</div>
<BackgroundEffects />
<Navbar/>
<div className="relative z-10">
{children}
</div>
</ThemeProvider>
</body>