diff --git a/app/layout.tsx b/app/layout.tsx index c120fcb..45ffdd4 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -1,15 +1,23 @@ import type { Metadata } from 'next'; -import { Geist, Geist_Mono } from 'next/font/google'; +import { Pirata_One, Eagle_Lake, Cinzel_Decorative } from 'next/font/google'; import './globals.css'; -const geistSans = Geist({ - variable: '--font-geist-sans', +const pirataOne = Pirata_One({ + variable: '--font-pirata', subsets: ['latin'], + weight: '400', }); -const geistMono = Geist_Mono({ - variable: '--font-geist-mono', +const eagleLake = Eagle_Lake({ + variable: '--font-eagle-lake', subsets: ['latin'], + weight: '400', +}); + +const cinzel = Cinzel_Decorative({ + variable: '--font-cinzel', + subsets: ['latin'], + weight: '400', }); export const metadata: Metadata = { @@ -23,8 +31,11 @@ export default function RootLayout({ children: React.ReactNode; }>) { return ( - - {children} + + {children} ); } diff --git a/components/Settings.tsx b/components/Settings.tsx index dcb5329..ba8e281 100644 --- a/components/Settings.tsx +++ b/components/Settings.tsx @@ -2,12 +2,19 @@ import { useState } from 'react'; import { Settings as Gear } from 'lucide-react'; +import { Cinzel_Decorative } from 'next/font/google'; import CopyButton from '@/components/CopyButton'; import Scrim from '@/components/Scrim'; import Switch from '@/components/Switch'; import { CardStyle, GameUpdate } from '@/types'; +const cinzel = Cinzel_Decorative({ + variable: '--font-cinzel', + subsets: ['latin'], + weight: '400', +}); + type SettingsProps = { gameData: GameUpdate; changeAction: (updatedSettings: GameUpdate) => void; @@ -79,13 +86,13 @@ export default function Settings({ gameData, changeAction }: SettingsProps) { ); return ( -
+
setOpen((prev) => !prev)} className={`transition-all duration-250 ${open ? 'pointer-events-auto opacity-100' : 'pointer-events-none opacity-0'}`} >