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

embiggen the spectator link

Browse Source
This commit is contained in:
Gavin McDonald
2025-05-03 16:28:02 -04:00
parent 6a1f1174a3
commit 82ccb0f6fb
4 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
app/[gameID]/page.tsx
View File

@@ -96,7 +96,8 @@ export default function GamePage() {
copy={`${location.origin}/${gameData.spectatorID}`} copy={`${location.origin}/${gameData.spectatorID}`}
tooltip={`Spectator link: ${location.origin}/${gameData.spectatorID}`} tooltip={`Spectator link: ${location.origin}/${gameData.spectatorID}`}
Icon={Eye} Icon={Eye}
className={`fixed top-4 left-4 p-2 z-25 transition-all duration-250 text-yellow-400 hover:text-yellow-300 cursor-pointer`} className={`fixed top-3 left-3 p-2 z-25 transition-all duration-250 text-yellow-400 hover:text-yellow-300 hover:drop-shadow-[0_0_3px_#ffd700] cursor-pointer`}
size={24}
/> />
)} )}

6
components/CopyButton.tsx
View File

@@ -11,6 +11,7 @@ type CopyButtonProps = {
Icon?: ForwardRefExoticComponent<Omit<LucideProps, 'ref'> & RefAttributes<SVGSVGElement>>; Icon?: ForwardRefExoticComponent<Omit<LucideProps, 'ref'> & RefAttributes<SVGSVGElement>>;
tooltip?: string | string[]; tooltip?: string | string[];
className?: string; className?: string;
size?: number;
}; };
export default function CopyButton({ export default function CopyButton({
@@ -19,6 +20,7 @@ export default function CopyButton({
Icon = CopyIcon, Icon = CopyIcon,
tooltip = ['Copy', 'Copied'], tooltip = ['Copy', 'Copied'],
className, className,
size = 16,
}: CopyButtonProps) { }: CopyButtonProps) {
const [copied, setCopied] = useState(false); const [copied, setCopied] = useState(false);
@@ -44,9 +46,9 @@ export default function CopyButton({
<div className="flex items-center gap-2 w-full text-sm font-medium"> <div className="flex items-center gap-2 w-full text-sm font-medium">
{title} {title}
{copied ? ( {copied ? (
<CheckIcon className="ml-auto" size={16} /> <CheckIcon className="ml-auto" size={size} />
) : ( ) : (
<Icon className="ml-auto" size={16} /> <Icon className="ml-auto" size={size} />
)} )}
</div> </div>
</ToolTip> </ToolTip>

2
components/Notes.tsx
View File

@@ -42,7 +42,7 @@ export default function Notes({ gameData: { dmID, cards, settings }, show }: Not
className={`fixed bottom-4 right-4 z-25 transition-all duration-250 ${show ? 'pointer-events-auto opacity-100' : 'pointer-events-none opacity-0'}`} className={`fixed bottom-4 right-4 z-25 transition-all duration-250 ${show ? 'pointer-events-auto opacity-100' : 'pointer-events-none opacity-0'}`}
> >
<button <button
className={`text-yellow-400 hover:text-yellow-300 p-2 transition-all duration-250 cursor-pointer ${showNotes ? 'pointer-events-none opacity-0' : 'pointer-events-auto opacity-100'}`} className={`text-yellow-400 hover:text-yellow-300 hover:drop-shadow-[0_0_3px_#ffd700] p-2 transition-all duration-250 cursor-pointer ${showNotes ? 'pointer-events-none opacity-0' : 'pointer-events-auto opacity-100'}`}
onClick={() => setOpen((prev) => !prev)} onClick={() => setOpen((prev) => !prev)}
> >
<ScrollText className="w-5 h-5" /> <ScrollText className="w-5 h-5" />

2
components/Settings.tsx
View File

@@ -123,7 +123,7 @@ export default function Settings({ gameData, changeAction }: SettingsProps) {
</div> </div>
</Scrim> </Scrim>
<button <button
className={`p-2 transition-all duration-250 text-yellow-400 hover:text-yellow-300 cursor-pointer ${open ? 'pointer-events-none opacity-0' : 'pointer-events-auto opacity-100'}`} className={`p-2 transition-all duration-250 text-yellow-400 hover:text-yellow-300 hover:drop-shadow-[0_0_3px_#ffd700] cursor-pointer ${open ? 'pointer-events-none opacity-0' : 'pointer-events-auto opacity-100'}`}
onClick={() => setOpen((prev) => !prev)} onClick={() => setOpen((prev) => !prev)}
> >
<Gear className="w-5 h-5" /> <Gear className="w-5 h-5" />