diff --git a/client/src/components/netflix-grid.tsx b/client/src/components/netflix-grid.tsx index c87035e..3af6859 100644 --- a/client/src/components/netflix-grid.tsx +++ b/client/src/components/netflix-grid.tsx @@ -433,38 +433,35 @@ function CategoryRow({ category, onVideoClick, hideScrollButtons = false }: Cate onTouchEnd={handleTouchEnd} > {category.videos.map((video, index) => ( - <> -
setClickedVideoId(video.id)} + > + {/* Top 10 Number overlay for "Meist Angesehen" category - visible on all devices */} + {category.title.includes("Meist Angesehen") && index < 10 && clickedVideoId !== video.id && ( +
+ {(index + 1).toString()} +
+ )} + { + setClickedVideoId(video.id); + onVideoClick(video); }} - onMouseEnter={() => setClickedVideoId(video.id)} - > - {/* Top 10 Number overlay for "Meist Angesehen" category - visible on all devices */} - {category.title.includes("Meist Angesehen") && index < 10 && clickedVideoId !== video.id && ( -
- {(index + 1).toString()} -
- )} - { - setClickedVideoId(video.id); - onVideoClick(video); - }} - className="w-full hover:scale-102 md:hover:scale-105 hover:z-50 transition-all duration-300 md:duration-500 hover:shadow-2xl rounded-lg overflow-hidden" - /> -
- - + className="w-full hover:scale-102 md:hover:scale-105 hover:z-50 transition-all duration-300 md:duration-500 hover:shadow-2xl rounded-lg overflow-hidden" + /> + ))}