style: added shadcn-ui

2023-12-05 20:13:29 +01:00
parent 1b0919a460
commit 78de374cba
45 changed files with 1463 additions and 1340 deletions
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,24 +1,34 @@
 import { Analytics } from '@vercel/analytics/react';
 import type { Metadata } from 'next';
-import { Inter } from 'next/font/google';
+import { Inter as FontSans } from 'next/font/google';
+import { cn } from '../utils/utils';
 import './globals.css';

-const inter = Inter({ subsets: ['latin'] });
-
 export const metadata: Metadata = {
  title: 'Hacker News newsletter',
  description: 'Newsletter delivering the best posts from Hacker News',
  keywords: 'newsletter, hackernews, technology, coding, programming, news'
 };

+export const fontSans = FontSans({
+  subsets: ['latin'],
+  variable: '--font-sans'
+});
+
 export default function RootLayout({
  children
 }: {
  children: React.ReactNode;
 }) {
  return (
-    <html lang='en'>
-      <body className={inter.className}>
+    <html lang='en' suppressHydrationWarning>
+      <head />
+      <body
+        className={cn(
+          'flex min-h-screen items-center justify-center bg-background font-sans antialiased',
+          fontSans.variable
+        )}
+      >
        {children}
        <Analytics />
      </body>