marti/FranciaOcupada
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Ajustats textos i mides de cartes: botó 'Ocultar/Mostrar', cartes MISSION mateix tamany que MISSION_REVEAL
Some checks failed
CI/CD - Francia Ocupada (La Resistencia) / build-and-deploy (push) Failing after 7s
Details

Browse Source
This commit is contained in:
Resistencia Dev
2025-12-15 09:08:37 +01:00
parent 1422e0fb1d
commit e1c08f775e
1 changed files with 17 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
client/src/components/GameBoard.tsx
View File

@@ -577,14 +577,14 @@ export default function GameBoard({ gameState, currentPlayerId, actions }: GameB
{!currentPlayer?.hasVoted ? (
<div className="flex gap-8">
<button onClick={() => actions.voteTeam(true)} className="group">
<div className="w-32 h-48 bg-white rounded-lg shadow-xl flex items-center justify-center border-4 border-transparent group-hover:border-green-500 transition-all transform group-hover:-translate-y-4">
<Image src="/assets/images/tokens/vote_approve.png" alt="Approve" width={100} height={100} />
<div className="w-32 h-48 bg-white rounded-lg shadow-xl flex items-center justify-center border-4 border-transparent group-hover:border-green-500 transition-all transform group-hover:-translate-y-4 relative overflow-hidden">
<Image src="/assets/images/tokens/vote_approve.png" alt="Approve" fill className="object-contain" />
</div>
<span className="block text-center text-white mt-2 font-bold bg-green-600 px-2 rounded">APROBAR</span>
</button>
<button onClick={() => actions.voteTeam(false)} className="group">
<div className="w-32 h-48 bg-white rounded-lg shadow-xl flex items-center justify-center border-4 border-transparent group-hover:border-red-500 transition-all transform group-hover:-translate-y-4">
<Image src="/assets/images/tokens/vote_reject.png" alt="Reject" width={100} height={100} />
<div className="w-32 h-48 bg-white rounded-lg shadow-xl flex items-center justify-center border-4 border-transparent group-hover:border-red-500 transition-all transform group-hover:-translate-y-4 relative overflow-hidden">
<Image src="/assets/images/tokens/vote_reject.png" alt="Reject" fill className="object-contain" />
</div>
<span className="block text-center text-white mt-2 font-bold bg-red-600 px-2 rounded">RECHAZAR</span>
</button>
@@ -626,12 +626,12 @@ export default function GameBoard({ gameState, currentPlayerId, actions }: GameB
disabled={missionVote !== null}
>
<motion.div
className="w-48 h-72 bg-gradient-to-br from-blue-600 to-blue-900 rounded-2xl shadow-2xl border-4 border-blue-400 flex flex-col items-center justify-center p-4 transform transition-all hover:scale-110 hover:rotate-3 hover:shadow-blue-500/50"
className="w-32 h-48 bg-gradient-to-br from-blue-600 to-blue-900 rounded-2xl shadow-2xl border-4 border-blue-400 flex flex-col items-center justify-center p-4 transform transition-all hover:scale-110 hover:rotate-3 hover:shadow-blue-500/50"
whileHover={{ scale: 1.1, rotate: 3 }}
whileTap={{ scale: 0.95 }}
>
<Image src="/assets/images/tokens/vote_approve.png" alt="Success" width={120} height={120} className="drop-shadow-2xl" />
<span className="mt-6 text-white font-bold text-2xl tracking-widest uppercase">ÉXITO</span>
<Image src="/assets/images/tokens/vote_approve.png" alt="Success" width={80} height={80} className="drop-shadow-2xl" />
<span className="mt-2 text-white font-bold text-lg tracking-widest uppercase">ÉXITO</span>
</motion.div>
</button>
@@ -643,12 +643,12 @@ export default function GameBoard({ gameState, currentPlayerId, actions }: GameB
disabled={missionVote !== null}
>
<motion.div
className="w-48 h-72 bg-gradient-to-br from-red-600 to-red-900 rounded-2xl shadow-2xl border-4 border-red-400 flex flex-col items-center justify-center p-4 transform transition-all hover:scale-110 hover:-rotate-3 hover:shadow-red-500/50"
className="w-32 h-48 bg-gradient-to-br from-red-600 to-red-900 rounded-2xl shadow-2xl border-4 border-red-400 flex flex-col items-center justify-center p-4 transform transition-all hover:scale-110 hover:-rotate-3 hover:shadow-red-500/50"
whileHover={{ scale: 1.1, rotate: -3 }}
whileTap={{ scale: 0.95 }}
>
<Image src="/assets/images/tokens/vote_reject.png" alt="Fail" width={120} height={120} className="drop-shadow-2xl" />
<span className="mt-6 text-white font-bold text-2xl tracking-widest uppercase">SABOTAJE</span>
<Image src="/assets/images/tokens/vote_reject.png" alt="Fail" width={80} height={80} className="drop-shadow-2xl" />
<span className="mt-2 text-white font-bold text-lg tracking-widest uppercase">SABOTAJE</span>
</motion.div>
</button>
)}
@@ -663,12 +663,12 @@ export default function GameBoard({ gameState, currentPlayerId, actions }: GameB
disabled={missionVote !== null}
>
<motion.div
className="w-48 h-72 bg-gradient-to-br from-red-600 to-red-900 rounded-2xl shadow-2xl border-4 border-red-400 flex flex-col items-center justify-center p-4 transform transition-all hover:scale-110 hover:-rotate-3 hover:shadow-red-500/50"
className="w-32 h-48 bg-gradient-to-br from-red-600 to-red-900 rounded-2xl shadow-2xl border-4 border-red-400 flex flex-col items-center justify-center p-4 transform transition-all hover:scale-110 hover:-rotate-3 hover:shadow-red-500/50"
whileHover={{ scale: 1.1, rotate: -3 }}
whileTap={{ scale: 0.95 }}
>
<Image src="/assets/images/tokens/vote_reject.png" alt="Fail" width={120} height={120} className="drop-shadow-2xl" />
<span className="mt-6 text-white font-bold text-2xl tracking-widest uppercase">SABOTAJE</span>
<Image src="/assets/images/tokens/vote_reject.png" alt="Fail" width={80} height={80} className="drop-shadow-2xl" />
<span className="mt-2 text-white font-bold text-lg tracking-widest uppercase">SABOTAJE</span>
</motion.div>
</button>
)}
@@ -680,12 +680,12 @@ export default function GameBoard({ gameState, currentPlayerId, actions }: GameB
disabled={missionVote !== null}
>
<motion.div
className="w-48 h-72 bg-gradient-to-br from-blue-600 to-blue-900 rounded-2xl shadow-2xl border-4 border-blue-400 flex flex-col items-center justify-center p-4 transform transition-all hover:scale-110 hover:rotate-3 hover:shadow-blue-500/50"
className="w-32 h-48 bg-gradient-to-br from-blue-600 to-blue-900 rounded-2xl shadow-2xl border-4 border-blue-400 flex flex-col items-center justify-center p-4 transform transition-all hover:scale-110 hover:rotate-3 hover:shadow-blue-500/50"
whileHover={{ scale: 1.1, rotate: 3 }}
whileTap={{ scale: 0.95 }}
>
<Image src="/assets/images/tokens/vote_approve.png" alt="Success" width={120} height={120} className="drop-shadow-2xl" />
<span className="mt-6 text-white font-bold text-2xl tracking-widest uppercase">ÉXITO</span>
<Image src="/assets/images/tokens/vote_approve.png" alt="Success" width={80} height={80} className="drop-shadow-2xl" />
<span className="mt-2 text-white font-bold text-lg tracking-widest uppercase">ÉXITO</span>
</motion.div>
</button>
</>
@@ -810,7 +810,7 @@ export default function GameBoard({ gameState, currentPlayerId, actions }: GameB
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={3} d="M19 9l-7 7-7-7" />
</motion.svg>
<span className="text-sm font-bold uppercase tracking-wider">
{isPlayersCollapsed ? 'Mostrar' : 'Ocultar'} Jugadores
{isPlayersCollapsed ? 'Mostrar' : 'Ocultar'}
</span>
</button>
</div>