From debc079e390f5bf47508bd7a7e756508fdceb5a8 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Sat, 30 Aug 2025 12:50:31 +0000
Subject: [PATCH] Remove play button overlay from video cards

Remove the play button overlay element from the VideoCard component in client/src/components/video-card.tsx.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/6upLu3q
---
 client/src/components/video-card.tsx | 8 --------
 1 file changed, 8 deletions(-)

diff --git a/client/src/components/video-card.tsx b/client/src/components/video-card.tsx
index e16eddc..ae3368c 100644
--- a/client/src/components/video-card.tsx
+++ b/client/src/components/video-card.tsx
@@ -152,14 +152,6 @@ export default function VideoCard({ video, onClick, className = "" }: VideoCardP
           {formatDuration(video.duration)}
         </div>
         
-        {/* Play button overlay - hidden during preview */}
-        {!showPreview && (
-          <div className="absolute inset-0 bg-black/20 group-hover:bg-black/40 transition-all duration-300 flex items-center justify-center">
-            <div className="bg-white/20 backdrop-blur-sm rounded-full w-16 h-16 flex items-center justify-center group-hover:bg-white/30 group-hover:scale-110 transition-all duration-300">
-              <div className="w-0 h-0 border-l-[12px] border-l-white border-y-[8px] border-y-transparent ml-1"></div>
-            </div>
-          </div>
-        )}
       </div>
       
       <div className="space-y-2">