diff --git a/app/layout.tsx b/app/layout.tsx index 7d38c1d..8ac517f 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -1,26 +1,14 @@ import type { Metadata } from 'next'; -import { Pirata_One, Eagle_Lake, Cinzel_Decorative } from 'next/font/google'; +import { Eagle_Lake } from 'next/font/google'; import { AppProvider } from '@/app/AppContext'; import './globals.css'; -const pirataOne = Pirata_One({ - variable: '--font-pirata', - subsets: ['latin'], - weight: '400', -}); - 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 = { title: 'Tarokka', description: 'Fortune telling for D&D’s Curse of Strahd', @@ -37,10 +25,7 @@ export default function RootLayout({ children: React.ReactNode; }>) { return ( - + {children} diff --git a/components/Settings/CardStyle.tsx b/components/Settings/CardStyle.tsx index e0f3d7b..bf804fa 100644 --- a/components/Settings/CardStyle.tsx +++ b/components/Settings/CardStyle.tsx @@ -29,7 +29,7 @@ export default function CardStyle({ className }: { className?: string }) { flex justify-center cursor-pointer w-full px-3 py-2 - text-xs font-medium + text-xs font-medium capitalize border border-yellow-500 transition hover:text-yellow-300 hover:drop-shadow-[0_0_3px_#ffd700] ${settings.cardStyle === option ? 'bg-slate-700 text-yellow-300 font-extrabold' : 'bg-slate-800 hover:bg-slate-700'} diff --git a/components/Settings/index.tsx b/components/Settings/index.tsx index bee8a35..fd1f0a3 100644 --- a/components/Settings/index.tsx +++ b/components/Settings/index.tsx @@ -2,7 +2,6 @@ import { useState } from 'react'; import { CircleX, Settings as Gear } from 'lucide-react'; -import { Cinzel_Decorative } from 'next/font/google'; import { useAppContext } from '@/app/AppContext'; import Scrim from '@/components/Scrim'; @@ -12,18 +11,12 @@ import ExternalLinks from './ExternalLinks'; import GameLinks from './GameLinks'; import Permissions from './Permissions'; -const cinzel = Cinzel_Decorative({ - variable: '--font-cinzel', - subsets: ['latin'], - weight: '400', -}); - export default function Settings() { const [open, setOpen] = useState(false); const { isDM } = useAppContext(); return ( -
+
setOpen((prev) => !prev)} className={`transition-all duration-250 ${open ? 'pointer-events-auto opacity-100' : 'pointer-events-none opacity-0'}`}