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

if DM preview cards

Browse Source
This commit is contained in:
Gavin McDonald
2025-06-11 11:14:04 -04:00
parent c4f4b09f18
commit 8143feb4e7
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
components/Card.tsx
View File

@@ -51,10 +51,11 @@ export default function Card({ dm, card, position, settings, flipAction }: CardP
className={`transition-transform duration-500 transform-style-preserve-3d ${flipped ? 'rotate-y-180' : ''}`} className={`transition-transform duration-500 transform-style-preserve-3d ${flipped ? 'rotate-y-180' : ''}`}
> >
<div className="absolute group inset-0 backface-hidden"> <div className="absolute group inset-0 backface-hidden">
{dm && <img src={getURL(card, settings)} alt={aria} className="absolute rounded-lg" />}
<img <img
src={getURL(cardBack as TarokkaGameCard, settings)} src={getURL(cardBack as TarokkaGameCard, settings)}
alt="Card Back" alt="Card Back"
className={`rounded-lg ${settings.cardStyle === 'grayscale' ? 'border border-yellow-500/25 hover:drop-shadow-[0_0_3px_#ffd700/50]' : ''}`} className={`absolute rounded-lg ${dm ? 'transition duration-500 hover:opacity-0' : ''} ${settings.cardStyle === 'grayscale' ? 'border border-yellow-500/25 hover:drop-shadow-[0_0_3px_#ffd700/50]' : ''}`}
/> />
</div> </div>
<div className="absolute group inset-0 backface-hidden rotate-y-180"> <div className="absolute group inset-0 backface-hidden rotate-y-180">