Adjust video player navigation button transparency for better visibility
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:
parent
4a21b2bf6d
commit
61cbd47c7b
@ -420,7 +420,7 @@ export default function VideoPage() {
|
||||
e.stopPropagation();
|
||||
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"
|
||||
data-testid="button-prev-video"
|
||||
>
|
||||
@ -432,7 +432,7 @@ export default function VideoPage() {
|
||||
e.stopPropagation();
|
||||
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"
|
||||
data-testid="button-next-video"
|
||||
>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user