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

Millores UI: text MISSION_RESULT més gran, text centrat a MISSION_REVEAL, text ASSASSIN_PHASE centrat verticalment
Some checks failed
CI/CD - Francia Ocupada (La Resistencia) / build-and-deploy (push) Failing after 6s
Details

Browse Source
This commit is contained in:
Resistencia Dev
2025-12-15 09:30:26 +01:00
parent c2f1bbf4d4
commit bb08fa9437
3 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -332,8 +332,8 @@ export default function GameBoard({ gameState, currentPlayerId, actions }: GameB
{/* Overlay oscuro para mejorar legibilidad */}
<div className="absolute inset-0 bg-black/40" />
{/* Título sobre la imagen */}
<div className="absolute top-4 left-0 right-0 flex flex-col items-center z-10">
{/* Título sobre la imagen - centrado verticalmente */}
<div className="absolute top-1/3 left-0 right-0 flex flex-col items-center z-10">
<h1 className="text-5xl font-bold text-red-600 mb-2 drop-shadow-[0_4px_8px_rgba(0,0,0,0.9)]">
¡ÚLTIMA OPORTUNIDAD!
</h1>

2
client/src/components/MissionResult.tsx
View File

@@ -28,7 +28,7 @@ export default function MissionResult({ gameState, onContinue, isHost }: Mission
animate={{ opacity: 1 }}
>
<motion.h2
className={`text-2xl sm:text-3xl md:text-4xl lg:text-5xl xl:text-6xl font-bold mb-8 whitespace-nowrap px-4 ${isSuccess ? 'text-blue-500' : 'text-red-500'}`}
className={`text-3xl sm:text-4xl md:text-5xl lg:text-6xl xl:text-7xl font-bold mb-8 whitespace-nowrap px-4 ${isSuccess ? 'text-blue-500' : 'text-red-500'}`}
initial={{ scale: 0 }}
animate={{ scale: 1 }}
transition={{ type: 'spring', stiffness: 200, delay: 0.2 }}

2
client/src/components/MissionReveal.tsx
View File

@@ -23,7 +23,7 @@ export default function MissionReveal({ votes, onFinished }: MissionRevealProps)
initial={{ opacity: 0 }}
animate={{ opacity: 1 }}
>
<h2 className="text-3xl font-bold text-white mb-12 uppercase tracking-widest drop-shadow-lg">
<h2 className="text-3xl font-bold text-white mb-12 uppercase tracking-widest drop-shadow-lg text-center">
Resultado de la misión
</h2>