From d276f3f0fe75eae0796fa9ac8836da7bad8f35a0 Mon Sep 17 00:00:00 2001
From: Hakadao <a578457889743@gmail.com>
Date: Tue, 17 Oct 2023 14:31:10 +0800
Subject: [PATCH] fix: resolve clipping issue on hover effect

---
 src/components/VideoCard/VideoCard.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/VideoCard/VideoCard.vue b/src/components/VideoCard/VideoCard.vue
index 686aeea9..b64de42f 100644
--- a/src/components/VideoCard/VideoCard.vue
+++ b/src/components/VideoCard/VideoCard.vue
@@ -66,7 +66,7 @@ function toggleWatchLater() {
   }
 }
 
-function handleMouseMove() {
+function handleMouseEnter() {
   contentVisibility.value = 'visible'
 }
 
@@ -141,7 +141,7 @@ function handelMouseLeave() {
       w="full" pos="absolute top-0 left-0"
       rounded="$bew-radius"
       :style="{ contentVisibility }"
-      @mousemove="handleMouseMove"
+      @mouseenter="handleMouseEnter"
       @mouseleave="handelMouseLeave"
     >
       <div :style="{ display: horizontal ? 'flex' : 'block', gap: horizontal ? '1.5rem' : '0' }">