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

UI: cleaner single-color skater icon for Lab cross-link (1.3.10)

Browse source 
Swapped the busy multi-color icon for a clean, monochrome neon-red
skater glyph that reads clearly at small sizes. Refined the tile with a
subtle red border and clearer hover state for better visibility.

Co-authored-by: shakespeare.diy <assistant@shakespeare.diy>
This commit is contained in:
shakespeare.diy 2026-09-09 11:12:11 +07:00
parent acda8646fd
commit a54d73c6e8
2 changed files with 3 additions and 3 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 Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 MiB

After

Width:  |  Height:  |  Size: 1.3 MiB

6
src/pages/LabPage.tsx
View file

@ -1299,13 +1299,13 @@ export default function LabPage() {
to="/skaters" 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" 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 — small, colored, matches the app's rounded-tile icon slots */} {/* 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]/15 flex items-center justify-center overflow-hidden group-hover:bg-[#ff0040]/25 transition-colors"> <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 <img
src="/images/just-a-skater-icon.png" src="/images/just-a-skater-icon.png"
alt="Skater" alt="Skater"
loading="lazy" loading="lazy"
className="w-10 h-10 object-contain drop-shadow-[0_0_6px_rgba(255,0,64,0.5)] transition-transform duration-300 group-hover:scale-110" className="w-9 h-9 object-contain transition-transform duration-300 group-hover:scale-110"
/> />
</div> </div>