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

Update video player navigation buttons with new colors and styles

Browse Source 
Refactors VideoCard and VideoPreviewThumbnail components, updates navigation buttons on VideoPage with a new gradient style, and modifies the company logo's styling on the Home page.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/d05DGZF
This commit is contained in:
sebastjanartic
2025-09-02 15:30:43 +00:00
parent fc47ca4cd6
commit c39d821989
4 changed files with 5 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/pages/VideoPage.tsx
+2 -2
View File
@@ -504,7 +504,7 @@ export default function VideoPage() {
e.stopPropagation();
navigateToVideo('prev');
}}
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"
className="absolute left-2 top-1/2 transform -translate-y-1/2 bg-gradient-to-r from-purple-600 to-blue-500 hover:from-purple-700 hover:to-blue-600 text-white border-none p-2 rounded-full z-20 shadow-lg hidden md:flex items-center justify-center w-10 h-10 transition-all duration-200"
size="sm"
data-testid="button-prev-video"
>
@@ -516,7 +516,7 @@ export default function VideoPage() {
e.stopPropagation();
navigateToVideo('next');
}}
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"
className="absolute right-2 top-1/2 transform -translate-y-1/2 bg-gradient-to-r from-purple-600 to-blue-500 hover:from-purple-700 hover:to-blue-600 text-white border-none p-2 rounded-full z-20 shadow-lg hidden md:flex items-center justify-center w-10 h-10 transition-all duration-200"
size="sm"
data-testid="button-next-video"
>
client/src/pages/home.tsx
+2 -2
View File
@@ -215,8 +215,8 @@ export default function Home() {
{/* Company Info */}
<div className="col-span-1">
<div className="flex items-center space-x-2 mb-4">
<div className="w-8 h-8 gradient-primary rounded-lg flex items-center justify-center">
<div className="w-0 h-0 border-l-[8px] border-l-white border-y-[6px] border-y-transparent ml-1"></div>
<div className="w-8 h-8 bg-gradient-to-r from-purple-600 to-blue-500 rounded-lg flex items-center justify-center shadow-lg">
<div className="w-0 h-0 border-l-[8px] border-l-white border-y-[6px] border-y-transparent ml-1 drop-shadow-sm"></div>
</div>
<h3 className="text-xl font-bold text-white">go4.video</h3>
</div>