sebastjan/videofolxtv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjust video player navigation button transparency for better visibility

Browse Source 
Update CSS classes for previous and next video navigation buttons on the VideoPage component to use a lighter background transparency (from bg-black/70 to bg-black/40).

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/zJYuV6w
This commit is contained in:
sebastjanartic 2025-08-30 23:11:45 +00:00
parent 4a21b2bf6d
commit 61cbd47c7b
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
client/src/pages/VideoPage.tsx
View File

@ -420,7 +420,7 @@ export default function VideoPage() {
e.stopPropagation(); e.stopPropagation();
navigateToVideo('prev'); navigateToVideo('prev');
}} }}
className="absolute left-1 top-1/2 transform -translate-y-1/2 bg-black/70 hover:bg-black/90 text-white border-none p-3 rounded-full z-20 shadow-lg hidden md:flex items-center justify-center" className="absolute left-1 top-1/2 transform -translate-y-1/2 bg-black/40 hover:bg-black/60 text-white border-none p-3 rounded-full z-20 shadow-lg hidden md:flex items-center justify-center"
size="sm" size="sm"
data-testid="button-prev-video" data-testid="button-prev-video"
> >
@ -432,7 +432,7 @@ export default function VideoPage() {
e.stopPropagation(); e.stopPropagation();
navigateToVideo('next'); navigateToVideo('next');
}} }}
className="absolute right-1 top-1/2 transform -translate-y-1/2 bg-black/70 hover:bg-black/90 text-white border-none p-3 rounded-full z-20 shadow-lg hidden md:flex items-center justify-center" className="absolute right-1 top-1/2 transform -translate-y-1/2 bg-black/40 hover:bg-black/60 text-white border-none p-3 rounded-full z-20 shadow-lg hidden md:flex items-center justify-center"
size="sm" size="sm"
data-testid="button-next-video" data-testid="button-next-video"
> >