refactor: min height / antialiased

rharkor · Apr 22, 2024 · aa1822b · aa1822b
1 parent 3f6e55c
commit aa1822b
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/apps/app/src/app/[lang]/layout.tsx b/apps/app/src/app/[lang]/layout.tsx
@@ -31,7 +31,7 @@ export default async function RootLayout({
 
   return (
     <html lang={params.lang}>
-      <body className={cn("antialiaseds min-h-screen bg-background font-sans", fontSans.variable)}>
+      <body className={cn("h-dvh min-h-dvh bg-background font-sans antialiased", fontSans.variable)}>
         <RootProviders lang={params.lang as Locale}>{children}</RootProviders>
       </body>
     </html>

diff --git a/apps/app/src/app/[lang]/ui-provider.tsx b/apps/app/src/app/[lang]/ui-provider.tsx
@@ -7,5 +7,9 @@ import { NextUIProvider } from "@nextui-org/react"
 export default function UIProvider({ children }: { children: React.ReactNode }) {
   const router = useRouter()
 
-  return <NextUIProvider navigate={router.push}>{children}</NextUIProvider>
+  return (
+    <NextUIProvider navigate={router.push} className="flex min-h-full flex-col">
+      {children}
+    </NextUIProvider>
+  )
 }