dynamic styling

This commit is contained in:
Max Peintner
2023-04-22 20:16:47 +02:00
parent f2b3d5ef7e
commit 1d9a858cea
3 changed files with 49 additions and 31 deletions

View File

@@ -9,23 +9,25 @@ import { LayoutProviders } from "#/ui/LayoutProviders";
import { Analytics } from "@vercel/analytics/react";
import { ZitadelUIProvider } from "#/../../packages/zitadel-react/dist";
import ThemeWrapper from "#/ui/ThemeWrapper";
import { getBranding } from "#/lib/zitadel";
import { server } from "../lib/zitadel";
const lato = Lato({
weight: "400",
subsets: ["latin"],
});
export default function RootLayout({
export default async function RootLayout({
children,
}: {
children: React.ReactNode;
}) {
const branding = await getBranding(server);
return (
<html lang="en" className={`${lato.className}`} suppressHydrationWarning>
<head />
<body>
{/* @ts-expect-error Server Component */}
<ThemeWrapper>
<ThemeWrapper branding={branding}>
<LayoutProviders>
<div className="overflow-y-scroll bg-[url('/grid-light.svg')] dark:bg-[url('/grid-dark.svg')]">
<GlobalNav />