terry/Arkie-Library-Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: stronger contrast on image lightbox nav buttons

Browse Source 
Bump the previous/next chevron buttons from translucent white tint
to a solid-ish black with a subtle ring + shadow, so the controls
stay legible on light or busy image backgrounds.
This commit is contained in:
TerryM
2026-05-30 01:02:18 +08:00
parent cb14cb166a
commit ac208dfe25
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/messageStream/overlays/ImageLightbox.tsx
View File

@@ -285,7 +285,7 @@ function LightboxView({
e.stopPropagation(); e.stopPropagation();
goPrev(); goPrev();
}} }}
className="absolute left-2 top-1/2 z-10 flex h-12 w-12 -translate-y-1/2 items-center justify-center rounded-full bg-white/10 text-white transition hover:bg-white/20 md:left-6" className="absolute left-2 top-1/2 z-10 flex h-12 w-12 -translate-y-1/2 items-center justify-center rounded-full bg-black/60 text-white shadow-lg ring-1 ring-white/25 transition hover:bg-black/80 md:left-6"
aria-label="Previous" aria-label="Previous"
> >
<ChevronLeft className="h-6 w-6" /> <ChevronLeft className="h-6 w-6" />
@@ -296,7 +296,7 @@ function LightboxView({
e.stopPropagation(); e.stopPropagation();
goNext(); goNext();
}} }}
className="absolute right-2 top-1/2 z-10 flex h-12 w-12 -translate-y-1/2 items-center justify-center rounded-full bg-white/10 text-white transition hover:bg-white/20 md:right-6" className="absolute right-2 top-1/2 z-10 flex h-12 w-12 -translate-y-1/2 items-center justify-center rounded-full bg-black/60 text-white shadow-lg ring-1 ring-white/25 transition hover:bg-black/80 md:right-6"
aria-label="Next" aria-label="Next"
> >
<ChevronRight className="h-6 w-6" /> <ChevronRight className="h-6 w-6" />