Improve video card display for better user interaction and visual appeal

Enhance .video-card styling with a scale effect, z-index, and relative positioning on hover for improved visual feedback and layering.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/fyyFszO
This commit is contained in:
sebastjanartic 2025-09-01 16:10:46 +00:00
parent 5e64af4d06
commit 4f7cdd8a7e

View File

@ -226,8 +226,10 @@ input[data-testid*="search"]::placeholder {
/* Video card hover effects with gradients */
.video-card:hover {
transform: translateY(-2px);
transform: translateY(-2px) scale(1.05);
transition: all 0.3s ease;
z-index: 1000;
position: relative;
}
.video-card {