gavin/Tarokka
1
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Wiki Activity

clean up fonts

Browse Source
This commit is contained in:
Gavin McDonald
2025-07-08 07:52:43 -04:00
parent 01a05d2aa1
commit 62c3b7b557
3 changed files with 4 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
app/layout.tsx
View File

@@ -1,26 +1,14 @@
import type { Metadata } from 'next'; 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 { AppProvider } from '@/app/AppContext';
import './globals.css'; import './globals.css';
const pirataOne = Pirata_One({
variable: '--font-pirata',
subsets: ['latin'],
weight: '400',
});
const eagleLake = Eagle_Lake({ const eagleLake = Eagle_Lake({
variable: '--font-eagle-lake', variable: '--font-eagle-lake',
subsets: ['latin'], subsets: ['latin'],
weight: '400', weight: '400',
}); });
const cinzel = Cinzel_Decorative({
variable: '--font-cinzel',
subsets: ['latin'],
weight: '400',
});
export const metadata: Metadata = { export const metadata: Metadata = {
title: 'Tarokka', title: 'Tarokka',
description: 'Fortune telling for D&D’s Curse of Strahd', description: 'Fortune telling for D&D’s Curse of Strahd',
@@ -37,10 +25,7 @@ export default function RootLayout({
children: React.ReactNode; children: React.ReactNode;
}>) { }>) {
return ( return (
<html <html lang="en" className={`${eagleLake.variable} antialiased`}>
lang="en"
className={`${pirataOne.variable} ${eagleLake.variable} ${cinzel.variable} antialiased`}
>
<body className={`${eagleLake.className} antialiased`}> <body className={`${eagleLake.className} antialiased`}>
<AppProvider>{children}</AppProvider> <AppProvider>{children}</AppProvider>
</body> </body>

2
components/Settings/CardStyle.tsx
View File

@@ -29,7 +29,7 @@ export default function CardStyle({ className }: { className?: string }) {
flex justify-center flex justify-center
cursor-pointer cursor-pointer
w-full px-3 py-2 w-full px-3 py-2
text-xs font-medium text-xs font-medium capitalize
border border-yellow-500 border border-yellow-500
transition hover:text-yellow-300 hover:drop-shadow-[0_0_3px_#ffd700] 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'} ${settings.cardStyle === option ? 'bg-slate-700 text-yellow-300 font-extrabold' : 'bg-slate-800 hover:bg-slate-700'}

9
components/Settings/index.tsx
View File

@@ -2,7 +2,6 @@
import { useState } from 'react'; import { useState } from 'react';
import { CircleX, Settings as Gear } from 'lucide-react'; import { CircleX, Settings as Gear } from 'lucide-react';
import { Cinzel_Decorative } from 'next/font/google';
import { useAppContext } from '@/app/AppContext'; import { useAppContext } from '@/app/AppContext';
import Scrim from '@/components/Scrim'; import Scrim from '@/components/Scrim';
@@ -12,18 +11,12 @@ import ExternalLinks from './ExternalLinks';
import GameLinks from './GameLinks'; import GameLinks from './GameLinks';
import Permissions from './Permissions'; import Permissions from './Permissions';
const cinzel = Cinzel_Decorative({
variable: '--font-cinzel',
subsets: ['latin'],
weight: '400',
});
export default function Settings() { export default function Settings() {
const [open, setOpen] = useState(false); const [open, setOpen] = useState(false);
const { isDM } = useAppContext(); const { isDM } = useAppContext();
return ( return (
<div className={`fixed top-4 right-4 z-25 ${cinzel.className}`}> <div className={`fixed top-4 right-4 z-25`}>
<Scrim <Scrim
clickAction={() => setOpen((prev) => !prev)} clickAction={() => setOpen((prev) => !prev)}
className={`transition-all duration-250 ${open ? 'pointer-events-auto opacity-100' : 'pointer-events-none opacity-0'}`} className={`transition-all duration-250 ${open ? 'pointer-events-auto opacity-100' : 'pointer-events-none opacity-0'}`}