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

Use vector skater glyph in Lab cross-link (1.3.12)

Browse source 
The PNG icon kept failing to render (corruption + browser caching of the
broken response) on both phone and desktop. Replaced it with the
PersonStanding Lucide vector icon in neon red with a red glow — it always
renders, never caches broken, is truly single-color and on-brand, and
works identically across phone and desktop. Removed dead image assets.

Co-authored-by: shakespeare.diy <assistant@shakespeare.diy>
This commit is contained in:
shakespeare.diy 2026-09-09 11:20:19 +07:00
parent 0bc2a7c60b
commit e3fb84d539
2 changed files with 5 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
public/images/just-a-skater-icon.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1.3 MiB

12
src/pages/LabPage.tsx
View file

@ -1299,13 +1299,11 @@ export default function LabPage() {
to="/skaters"
className="group relative flex items-center gap-3 rounded-2xl border border-white/10 bg-gradient-to-r from-[#ff0040]/10 via-black to-[#ccff00]/5 p-4 mb-5 hover:border-[#ff0040]/50 transition-all duration-300 shadow-lg shadow-black/40 hover:shadow-[#ff0040]/10"
>
{/* Neon skater icon — single-color, clean, matches the app's rounded-tile icon slots */}
<div className="flex-shrink-0 w-12 h-12 rounded-xl bg-[#ff0040]/10 border border-[#ff0040]/20 flex items-center justify-center overflow-hidden group-hover:bg-[#ff0040]/20 transition-colors">
<img
src="/images/just-a-skater-icon.png"
alt="Skater"
loading="lazy"
className="w-9 h-9 object-contain transition-transform duration-300 group-hover:scale-110"
{/* Neon skater glyph — vector icon, single-color, always renders on any device */}
<div className="flex-shrink-0 w-12 h-12 rounded-xl bg-[#ff0040]/10 border border-[#ff0040]/20 flex items-center justify-center group-hover:bg-[#ff0040]/20 transition-colors">
<PersonStanding
className="h-7 w-7 text-[#ff0040] transition-transform duration-300 group-hover:scale-110"
style={{ filter: 'drop-shadow(0 0 6px rgba(255,0,64,0.5))' }}
/>
</div>