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

Improve navigation button size and position for video playback

Browse Source 
Adjusted the CSS classNames for the previous and next video navigation buttons on the VideoPage component. Specifically, changed `left-1` to `left-2` and `right-1` to `right-2` for positioning, and updated the `w-10 h-10` for size. Also added console logs to aid in debugging video filtering.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 890577b1-c154-40a4-a177-a0c6d55320c3
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/890577b1-c154-40a4-a177-a0c6d55320c3/DyHCx4q
This commit is contained in:
sebastjanartic 2025-09-01 22:03:08 +00:00
parent ccc10bb5a7
commit 6781c400fa
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -106,6 +106,8 @@ export default function VideoPage() {
video.title.includes("Geschichte des Liedes")
);
console.log('Found Geschichte videos:', filtered.length);
console.log('Sample titles:', allVideos.slice(0, 5).map(v => v.title));
console.log('Looking for pattern in:', allVideos.filter(v => v.title.toLowerCase().includes('geschichte')).map(v => v.title));
return filtered;
}
@ -499,7 +501,7 @@ export default function VideoPage() {
e.stopPropagation();
navigateToVideo('prev');
}}
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"
className="absolute left-2 top-1/2 transform -translate-y-1/2 bg-black/50 hover:bg-black/70 text-white border-none p-2 rounded-full z-20 shadow-lg hidden md:flex items-center justify-center w-10 h-10"
size="sm"
data-testid="button-prev-video"
>
@ -511,7 +513,7 @@ export default function VideoPage() {
e.stopPropagation();
navigateToVideo('next');
}}
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"
className="absolute right-2 top-1/2 transform -translate-y-1/2 bg-black/50 hover:bg-black/70 text-white border-none p-2 rounded-full z-20 shadow-lg hidden md:flex items-center justify-center w-10 h-10"
size="sm"
data-testid="button-next-video"
>