Add shadcn & change font

2024-07-19 09:30:16 -05:00
parent 950fa3967a
commit 3c9a23481e
7 changed files with 244 additions and 11 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@ -1,8 +1,13 @@
 import "~/styles/globals.css";
+import { Inter as FontSans } from "next/font/google";
+import { cn } from "~/lib/utils";
+
+const fontSans = FontSans({
+  subsets: ["latin"],
+  variable: "--font-sans",
+});

-import { GeistSans } from "geist/font/sans";
 import { type Metadata } from "next";
-
 export const metadata: Metadata = {
  title: "Create T3 App",
  description: "Generated by create-t3-app",
@ -13,8 +18,15 @@ export default function RootLayout({
  children,
 }: Readonly<{ children: React.ReactNode }>) {
  return (
-    <html lang="en" className={`${GeistSans.variable}`}>
-      <body>{children}</body>
+    <html lang="en">
+      <body
+        className={cn(
+          "min-h-screen bg-background font-sans antialiased",
+          fontSans.variable
+        )}
+      >
+        {children}
+      </body>
    </html>
  );
 }