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

Improve video card appearance by removing hover effects

Browse Source 
Remove subtle scaling and opacity transitions from video cards on hover to prevent unintended micro-animations.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
This commit is contained in:
sebastjanartic 2025-09-01 13:08:26 +00:00
parent 99b6bef33a
commit be94dce16d
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
client/src/components/video-card.tsx
View File

@ -123,7 +123,7 @@ export default function VideoCard({ video, onClick, className = "", hideOverlay
return ( return (
<div <div
data-testid={`card-video-${video.id}`} data-testid={`card-video-${video.id}`}
className={`video-card transition-transform duration-200 hover:scale-[1.02] ${className}`} className={`video-card ${className}`}
onMouseEnter={() => setIsHovered(true)} onMouseEnter={() => setIsHovered(true)}
onMouseLeave={() => setIsHovered(false)} onMouseLeave={() => setIsHovered(false)}
> >
@ -136,7 +136,7 @@ export default function VideoCard({ video, onClick, className = "", hideOverlay
<img <img
src={video.thumbnailUrl} src={video.thumbnailUrl}
alt={video.title} alt={video.title}
className={`w-full h-full object-cover transition-all duration-300 ${showPreview ? 'opacity-0' : 'opacity-100 group-hover:scale-105'}`} className={`w-full h-full object-cover transition-all duration-300 ${showPreview ? 'opacity-0' : 'opacity-100'}`}
style={{ style={{
objectPosition: video.faceCenterPosition || 'center center', objectPosition: video.faceCenterPosition || 'center center',
objectFit: 'cover' objectFit: 'cover'