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:
parent
5e64af4d06
commit
4f7cdd8a7e
@ -226,8 +226,10 @@ input[data-testid*="search"]::placeholder {
|
|||||||
|
|
||||||
/* Video card hover effects with gradients */
|
/* Video card hover effects with gradients */
|
||||||
.video-card:hover {
|
.video-card:hover {
|
||||||
transform: translateY(-2px);
|
transform: translateY(-2px) scale(1.05);
|
||||||
transition: all 0.3s ease;
|
transition: all 0.3s ease;
|
||||||
|
z-index: 1000;
|
||||||
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.video-card {
|
.video-card {
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user