Update - CRM - CRMKanban

- fix css issue Added Geist font to NextCRM
pdovhomilja · Nov 2, 2023 · 3ea52b4 · 3ea52b4 · vercel · Nov 2, 2023
1 parent 2bf2b1b
commit 3ea52b4
Show file tree

Hide file tree

Showing 4 changed files with 30 additions and 11 deletions.
diff --git a/app/[locale]/(routes)/crm/dashboard/_components/CRMKanban.tsx b/app/[locale]/(routes)/crm/dashboard/_components/CRMKanban.tsx
@@ -156,7 +156,7 @@ const CRMKanban = ({
                 <Card
                   {...provided.droppableProps}
                   ref={provided.innerRef}
-                  className="mx-1 w-full min-w-[300px] overflow-hidden"
+                  className="mx-1 w-full min-w-[300px] overflow-hidden pb-10"
                 >
                   <CardTitle className="flex gap-2 p-3 justify-between">
                     <span className="text-sm font-bold">{stage.name}</span>

diff --git a/app/[locale]/layout.tsx b/app/[locale]/layout.tsx
@@ -1,8 +1,11 @@
 import "./globals.css";
+
 import { Inter } from "next/font/google";
-import { ReactNode } from 'react';
-import { notFound } from 'next/navigation';
-import { createTranslator, NextIntlClientProvider } from 'next-intl';
+import { GeistSans, GeistMono } from "geist/font";
+
+import { ReactNode } from "react";
+import { notFound } from "next/navigation";
+import { createTranslator, NextIntlClientProvider } from "next-intl";
 
 import { Toaster } from "@/components/ui/toaster";
 import { ThemeProvider } from "@/app/providers/ThemeProvider";
@@ -11,7 +14,7 @@ const inter = Inter({ subsets: ["latin"] });
 
 type Props = {
   children: ReactNode;
-  params: {locale: string};
+  params: { locale: string };
 };
 
 async function getLocales(locale: string) {
@@ -22,25 +25,26 @@ async function getLocales(locale: string) {
   }
 }
 
-export async function generateMetadata({params: {locale}}: Props) {
+export async function generateMetadata({ params: { locale } }: Props) {
   const messages = await getLocales(locale);
 
-  const t = createTranslator({locale, messages});
+  const t = createTranslator({ locale, messages });
 
   return {
-    title: t('RootLayout.title'),
-    description: t('RootLayout.description')
+    title: t("RootLayout.title"),
+    description: t("RootLayout.description"),
   };
 }
 
 export default async function RootLayout({
   children,
-  params: {locale}
+  params: { locale },
 }: Props) {
   const messages = await getLocales(locale);
 
   return (
     <html lang={locale}>
+      {/*       <body className={inter.className + "h-screen overflow-hidden"}> */}
       <body className={inter.className + "h-screen overflow-hidden"}>
         <NextIntlClientProvider locale={locale} messages={messages}>
           <ThemeProvider attribute="class" defaultTheme="system" enableSystem>
@@ -51,4 +55,4 @@ export default async function RootLayout({
       </body>
     </html>
   );
-}
+}
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -48,6 +48,7 @@
     "encoding": "^0.1.13",
     "eslint": "8.44.0",
     "eslint-config-next": "13.4.8",
+    "geist": "^1.0.0",
     "lucide-react": "^0.258.0",
     "moment": "^2.29.4",
     "next": "13.4.8",