From f8f7903ed1399a50c2ab4dc3cf6d103f205a2f64 Mon Sep 17 00:00:00 2001
From: Hakadao <a578457889743@gmail.com>
Date: Thu, 31 Aug 2023 01:31:33 +0800
Subject: [PATCH] style: adjust card hover effect

---
 src/components/VideoCard.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/VideoCard.vue b/src/components/VideoCard.vue
index 2f30f554..f65d7479 100644
--- a/src/components/VideoCard.vue
+++ b/src/components/VideoCard.vue
@@ -159,7 +159,10 @@ function toggleWatchLater() {
       <div
         w="full" relative bg="$bew-fill-4" rounded="$bew-radius" cursor-pointer group-hover:shadow
         group-hover:transform="translate--4px"
-        style="--un-shadow: 6px 6px 0 0 var(--bew-theme-color-60), 12px 12px 0 0 var(--bew-theme-color-40)"
+        style="--un-shadow:
+          0 0 0 4px var(--bew-theme-color),
+          8px 8px 0 2px var(--bew-theme-color-60),
+          14px 14px 0 2px var(--bew-theme-color-40)"
         transition="all ease-in-out 300" group-hover:z-2
         @click.stop="openLinkToNewTab(videoUrl)"
       >
@@ -215,6 +218,7 @@ function toggleWatchLater() {
             v-if="authorFace"
             m="r-4" w="40px" h="40px" rounded="1/2" overflow="hidden" object="center cover"
             bg="$bew-fill-4" cursor="pointer"
+            style="--un-shadow: 0 0 0 2px var(--bew-theme-color)"
             :href="`//space.bilibili.com/${mid}`" target="_blank"
             @click.stop=""
           >