embiggen the spectator link

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

View File

@@ -11,6 +11,7 @@ type CopyButtonProps = {
Icon?: ForwardRefExoticComponent<Omit<LucideProps, 'ref'> & RefAttributes<SVGSVGElement>>;
tooltip?: string | string[];
className?: string;
size?: number;
};
export default function CopyButton({
@@ -19,6 +20,7 @@ export default function CopyButton({
Icon = CopyIcon,
tooltip = ['Copy', 'Copied'],
className,
size = 16,
}: CopyButtonProps) {
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">
{title}
{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>
</ToolTip>

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'}`}
>
<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)}
>
<ScrollText className="w-5 h-5" />

View File

@@ -123,7 +123,7 @@ export default function Settings({ gameData, changeAction }: SettingsProps) {
</div>
</Scrim>
<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)}
>
<Gear className="w-5 h-5" />