Configure according to the documentation panelBackground not active #536

chaocwu · 2024-06-30T06:57:25Z

chaocwu
Jun 30, 2024

// globals.css
html,
body {
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
// layout.tsx
import type { Metadata } from "next";
import { Inter } from "next/font/google";
import '@radix-ui/themes/styles.css';
import "./globals.css";
import { Theme } from '@radix-ui/themes';

const inter = Inter({ subsets: ["latin"] });

export const metadata: Metadata = {
  title: "Create Next App",
  description: "Generated by create next app",
};

// style={{ backgroundImage: "url(./bg.svg)", backgroundSize: "cover" }}

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="en">
      <body className={inter.className}>
        <Theme panelBackground="translucent" accentColor="iris" grayColor="gray" >
          {children}
        </Theme>
      </body>
    </html>
  );
}

what can i do for this question?

Answered by chaocwu

Jun 30, 2024

tks

View full answer

chaocwu · 2024-06-30T07:07:24Z

chaocwu
Jun 30, 2024
Author

tks

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Configure according to the documentation panelBackground not active #536

{{title}}

Replies: 1 comment

{{title}}

Select a reply

Configure according to the documentation panelBackground not active #536

chaocwu Jun 30, 2024

Replies: 1 comment

chaocwu Jun 30, 2024 Author

chaocwu
Jun 30, 2024

chaocwu
Jun 30, 2024
Author