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 ? ( {!currentPlayer?.hasVoted ? (
<div className="flex gap-8"> <div className="flex gap-8">
<button onClick={() => actions.voteTeam(true)} className="group"> <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"> <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" width={100} height={100} /> <Image src="/assets/images/tokens/vote_approve.png" alt="Approve" fill className="object-contain" />
</div> </div>
<span className="block text-center text-white mt-2 font-bold bg-green-600 px-2 rounded">APROBAR</span> <span className="block text-center text-white mt-2 font-bold bg-green-600 px-2 rounded">APROBAR</span>
</button> </button>
<button onClick={() => actions.voteTeam(false)} className="group"> <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"> <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" width={100} height={100} /> <Image src="/assets/images/tokens/vote_reject.png" alt="Reject" fill className="object-contain" />
</div> </div>
<span className="block text-center text-white mt-2 font-bold bg-red-600 px-2 rounded">RECHAZAR</span> <span className="block text-center text-white mt-2 font-bold bg-red-600 px-2 rounded">RECHAZAR</span>
</button> </button>
@@ -626,12 +626,12 @@ export default function GameBoard({ gameState, currentPlayerId, actions }: GameB
disabled={missionVote !== null} disabled={missionVote !== null}
> >
<motion.div <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 }} whileHover={{ scale: 1.1, rotate: 3 }}
whileTap={{ scale: 0.95 }} whileTap={{ scale: 0.95 }}
> >
<Image src="/assets/images/tokens/vote_approve.png" alt="Success" width={120} height={120} className="drop-shadow-2xl" /> <Image src="/assets/images/tokens/vote_approve.png" alt="Success" width={80} height={80} className="drop-shadow-2xl" />
<span className="mt-6 text-white font-bold text-2xl tracking-widest uppercase">ÉXITO</span> <span className="mt-2 text-white font-bold text-lg tracking-widest uppercase">ÉXITO</span>
</motion.div> </motion.div>
</button> </button>
@@ -643,12 +643,12 @@ export default function GameBoard({ gameState, currentPlayerId, actions }: GameB
disabled={missionVote !== null} disabled={missionVote !== null}
> >
<motion.div <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 }} whileHover={{ scale: 1.1, rotate: -3 }}
whileTap={{ scale: 0.95 }} whileTap={{ scale: 0.95 }}
> >
<Image src="/assets/images/tokens/vote_reject.png" alt="Fail" width={120} height={120} className="drop-shadow-2xl" /> <Image src="/assets/images/tokens/vote_reject.png" alt="Fail" width={80} height={80} className="drop-shadow-2xl" />
<span className="mt-6 text-white font-bold text-2xl tracking-widest uppercase">SABOTAJE</span> <span className="mt-2 text-white font-bold text-lg tracking-widest uppercase">SABOTAJE</span>
</motion.div> </motion.div>
</button> </button>
)} )}
@@ -663,12 +663,12 @@ export default function GameBoard({ gameState, currentPlayerId, actions }: GameB
disabled={missionVote !== null} disabled={missionVote !== null}
> >
<motion.div <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 }} whileHover={{ scale: 1.1, rotate: -3 }}
whileTap={{ scale: 0.95 }} whileTap={{ scale: 0.95 }}
> >
<Image src="/assets/images/tokens/vote_reject.png" alt="Fail" width={120} height={120} className="drop-shadow-2xl" /> <Image src="/assets/images/tokens/vote_reject.png" alt="Fail" width={80} height={80} className="drop-shadow-2xl" />
<span className="mt-6 text-white font-bold text-2xl tracking-widest uppercase">SABOTAJE</span> <span className="mt-2 text-white font-bold text-lg tracking-widest uppercase">SABOTAJE</span>
</motion.div> </motion.div>
</button> </button>
)} )}
@@ -680,12 +680,12 @@ export default function GameBoard({ gameState, currentPlayerId, actions }: GameB
disabled={missionVote !== null} disabled={missionVote !== null}
> >
<motion.div <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 }} whileHover={{ scale: 1.1, rotate: 3 }}
whileTap={{ scale: 0.95 }} whileTap={{ scale: 0.95 }}
> >
<Image src="/assets/images/tokens/vote_approve.png" alt="Success" width={120} height={120} className="drop-shadow-2xl" /> <Image src="/assets/images/tokens/vote_approve.png" alt="Success" width={80} height={80} className="drop-shadow-2xl" />
<span className="mt-6 text-white font-bold text-2xl tracking-widest uppercase">ÉXITO</span> <span className="mt-2 text-white font-bold text-lg tracking-widest uppercase">ÉXITO</span>
</motion.div> </motion.div>
</button> </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" /> <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={3} d="M19 9l-7 7-7-7" />
</motion.svg> </motion.svg>
<span className="text-sm font-bold uppercase tracking-wider"> <span className="text-sm font-bold uppercase tracking-wider">
{isPlayersCollapsed ? 'Mostrar' : 'Ocultar'} Jugadores {isPlayersCollapsed ? 'Mostrar' : 'Ocultar'}
</span> </span>
</button> </button>
</div> </div>