skatespots/SkateSpots
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions 1

Invert SNT4EVER logo for contrast on dark background

Browse source 
Co-authored-by: shakespeare.diy <assistant@shakespeare.diy>
This commit is contained in:
shakespeare.diy 2026-07-08 16:37:38 +07:00
parent 2904df4eab
commit 6ed5ac23cb
1 changed files with 3 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/pages/SupportersPage.tsx
View file

@ -28,6 +28,7 @@ interface Partner {
interface Friend {
name: string;
logo?: string; // URL to logo (SVG/PNG transparent preferred, min 200×200px)
invertLogo?: boolean; // true if logo is dark and needs inversion for dark backgrounds
url: string;
tagline?: string;
}
@ -55,6 +56,7 @@ const FRIENDS: Friend[] = [
{
name: 'SNT4EVER',
logo: 'https://blossom.ditto.pub/f6e1d75ed8123b860ca139ee2d43a0a1238b89a0bec24752d9fe48cc41aa5d4c.png',
invertLogo: true,
url: 'https://www.snt4ever.cat/',
tagline: 'Bringing back up Sants Estació',
},
@ -258,7 +260,7 @@ function FriendCard({ friend }: { friend: Friend }) {
<img
src={friend.logo}
alt={friend.name}
className="w-12 h-12 object-contain"
className={`w-12 h-12 object-contain${friend.invertLogo ? ' invert brightness-200' : ''}`}
onError={(e) => { (e.target as HTMLImageElement).style.display = 'none'; }}
/>
) : (