pascallinxweiler/Clipify
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[dyad] Replaced incompatible font to fix build error - wrote 3 file(s)

Browse Source
This commit is contained in:
[dyad]
2026-01-30 09:52:38 +01:00
parent 3a459b73a1
commit 41e368dce5
3 changed files with 9 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/app/layout.tsx
View File

@@ -1,16 +1,11 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Geist, Geist_Mono } from "next/font/google"; import { Inter } from "next/font/google";
import "./globals.css"; import "./globals.css";
import { Header } from "@/components/header"; import { Header } from "@/components/header";
const geistSans = Geist({ const inter = Inter({
variable: "--font-geist-sans",
subsets: ["latin"],
});
const geistMono = Geist_Mono({
variable: "--font-geist-mono",
subsets: ["latin"], subsets: ["latin"],
variable: "--font-sans",
}); });
export const metadata: Metadata = { export const metadata: Metadata = {
@@ -27,7 +22,7 @@ export default function RootLayout({
return ( return (
<html lang="en" className="dark"> <html lang="en" className="dark">
<body <body
className={`${geistSans.variable} ${geistMono.variable} antialiased`} className={`${inter.variable} antialiased`}
> >
<Header /> <Header />
{children} {children}

2
src/app/page.tsx
View File

@@ -40,7 +40,7 @@ export default function Home() {
} }
return ( return (
<div className="flex flex-col items-center justify-center min-h-screen bg-background p-4 sm:p-6 md:p-8 font-[family-name:var(--font-geist-sans)]"> <div className="flex flex-col items-center justify-center min-h-screen bg-background p-4 sm:p-6 md:p-8">
<main className="w-full max-w-4xl"> <main className="w-full max-w-4xl">
<VideoEditor /> <VideoEditor />
</main> </main>

3
tailwind.config.ts
View File

@@ -9,6 +9,9 @@ export default {
], ],
theme: { theme: {
extend: { extend: {
fontFamily: {
sans: ["var(--font-sans)"],
},
colors: { colors: {
background: 'hsl(var(--background))', background: 'hsl(var(--background))',
foreground: 'hsl(var(--foreground))', foreground: 'hsl(var(--foreground))',