missions ui

This commit is contained in:
alma 2025-05-06 13:39:33 +02:00
parent bebb2196d6
commit 1883153ca2

View File

@ -228,12 +228,12 @@ export default function MissionsPage() {
{/* Centered Logo */}
<div className="flex justify-center items-center p-6 flex-grow">
<div className="w-40 h-40 relative">
<div className="w-48 h-48 relative">
{mission.logo ? (
<img
src={mission.logo || ''}
alt={mission.name}
className="w-full h-full object-cover rounded-md border border-gray-200"
className="w-full h-full object-cover rounded-md"
onError={(e) => {
console.log("Logo failed to load:", mission.logo);
console.log("Full URL attempted:", mission.logo);
@ -248,7 +248,7 @@ export default function MissionsPage() {
/>
) : null}
<div
className={`logo-fallback w-full h-full flex items-center justify-center bg-gray-100 rounded-md border border-gray-200 text-gray-500 text-3xl font-medium ${mission.logo ? 'hidden' : ''}`}
className={`logo-fallback w-full h-full flex items-center justify-center bg-gray-100 rounded-md text-gray-500 text-4xl font-medium ${mission.logo ? 'hidden' : ''}`}
>
{mission.name.slice(0, 2).toUpperCase()}
</div>