feat(layout): add vaul-drawer-wrapper custom prop

kosori · Aug 20, 2024 · 5164134 · 5164134
1 parent 3b30617
commit 5164134
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/apps/www/src/app/layout.tsx b/apps/www/src/app/layout.tsx
@@ -1,10 +1,9 @@
 import type { Metadata, Viewport } from 'next';
+import { clsx } from 'clsx/lite';
 import { RootProvider } from 'fumadocs-ui/provider';
 import { GeistMono } from 'geist/font/mono';
 import { GeistSans } from 'geist/font/sans';
 
-import { cn } from '@kosori/ui';
-
 import '~/app/globals.css';
 
 export const metadata: Metadata = {
@@ -34,8 +33,8 @@ export default function RootLayout(props: { children: React.ReactNode }) {
   return (
     <html suppressHydrationWarning lang='en'>
       <body
-        className={cn(
-          'bg-background text-foreground min-h-screen font-sans antialiased',
+        className={clsx(
+          'min-h-screen font-sans antialiased',
           GeistSans.variable,
           GeistMono.variable,
         )}
@@ -54,7 +53,9 @@ export default function RootLayout(props: { children: React.ReactNode }) {
             defaultTheme: 'system',
           }}
         >
-          {props.children}
+          <div className='bg-grey-base text-grey-text' vaul-drawer-wrapper=''>
+            {props.children}
+          </div>
         </RootProvider>
       </body>
     </html>