diff options
author | 2025-05-29 02:48:14 +0530 | |
---|---|---|
committer | 2025-05-29 02:48:14 +0530 | |
commit | 58839566bc60d370a66c35bd7e1112ccefed6795 (patch) | |
tree | 52fe45757e92a8440eaad0486359068570449f8f | |
parent | 1cf89bacba59c1edbc5a65d3f6e3ea2b575b89c4 (diff) | |
download | blcklst-58839566bc60d370a66c35bd7e1112ccefed6795.tar.gz blcklst-58839566bc60d370a66c35bd7e1112ccefed6795.tar.bz2 blcklst-58839566bc60d370a66c35bd7e1112ccefed6795.zip |
fix: updated the type check error
-rw-r--r-- | frontend/src/app/globals.css | 2 | ||||
-rw-r--r-- | frontend/src/app/layout.tsx | 12 | ||||
-rw-r--r-- | frontend/src/components/theme-provider.tsx | 2 |
3 files changed, 9 insertions, 7 deletions
diff --git a/frontend/src/app/globals.css b/frontend/src/app/globals.css index 0b2a4b4..5e91d83 100644 --- a/frontend/src/app/globals.css +++ b/frontend/src/app/globals.css @@ -9,7 +9,7 @@ @theme inline { --color-background: var(--background); --color-foreground: var(--foreground); - --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif; + --font-sans: var(--font-inter), ui-sans-serif, system-ui, sans-serif; --font-mono: ui-monospace, "SFMono-Regular", "Consolas", monospace; --color-sidebar-ring: var(--sidebar-ring); --color-sidebar-border: var(--sidebar-border); diff --git a/frontend/src/app/layout.tsx b/frontend/src/app/layout.tsx index 651acc8..ffa571b 100644 --- a/frontend/src/app/layout.tsx +++ b/frontend/src/app/layout.tsx @@ -1,8 +1,14 @@ import type { Metadata } from "next"; +import { Inter } from "next/font/google"; import "./globals.css"; import { Toaster } from "@/components/ui/sonner"; import { ThemeProvider } from "@/components/theme-provider"; +const inter = Inter({ + subsets: ["latin"], + variable: "--font-inter", +}); + export const metadata: Metadata = { title: "blcklst - not everyone get blcklsted", description: "not everyone gets blcklsted - discover carefully curated fashion pieces that define modern elegance.", @@ -16,10 +22,6 @@ export default function RootLayout({ return ( <html lang="en" suppressHydrationWarning> <head> - <link - href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" - rel="stylesheet" - /> {/* Preload both logo variants for instant theme switching */} <link rel="preload" @@ -34,7 +36,7 @@ export default function RootLayout({ type="image/png" /> </head> - <body className="font-sans antialiased"> + <body className={`${inter.variable} font-sans antialiased`}> <ThemeProvider attribute="class" defaultTheme="system" diff --git a/frontend/src/components/theme-provider.tsx b/frontend/src/components/theme-provider.tsx index 220a1f8..ab9d9da 100644 --- a/frontend/src/components/theme-provider.tsx +++ b/frontend/src/components/theme-provider.tsx @@ -2,7 +2,7 @@ import * as React from "react" import { ThemeProvider as NextThemesProvider } from "next-themes" -import { type ThemeProviderProps } from "next-themes/dist/types" +import type { ThemeProviderProps } from "next-themes" export function ThemeProvider({ children, ...props }: ThemeProviderProps) { return <NextThemesProvider {...props}>{children}</NextThemesProvider> |