missions ui
This commit is contained in:
parent
bebb2196d6
commit
1883153ca2
@ -228,12 +228,12 @@ export default function MissionsPage() {
|
|||||||
|
|
||||||
{/* Centered Logo */}
|
{/* Centered Logo */}
|
||||||
<div className="flex justify-center items-center p-6 flex-grow">
|
<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 ? (
|
{mission.logo ? (
|
||||||
<img
|
<img
|
||||||
src={mission.logo || ''}
|
src={mission.logo || ''}
|
||||||
alt={mission.name}
|
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) => {
|
onError={(e) => {
|
||||||
console.log("Logo failed to load:", mission.logo);
|
console.log("Logo failed to load:", mission.logo);
|
||||||
console.log("Full URL attempted:", mission.logo);
|
console.log("Full URL attempted:", mission.logo);
|
||||||
@ -248,7 +248,7 @@ export default function MissionsPage() {
|
|||||||
/>
|
/>
|
||||||
) : null}
|
) : null}
|
||||||
<div
|
<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()}
|
{mission.name.slice(0, 2).toUpperCase()}
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user