From a44d867afd74427803ca3cedfdd5ba2a30bd3fa3 Mon Sep 17 00:00:00 2001 From: Hakadao Date: Mon, 4 Dec 2023 01:39:43 +0800 Subject: [PATCH] style: adjust video card hover effect --- src/components/LongCoverCard/LongCoverCard.vue | 2 +- src/components/VideoCard/VideoCard.vue | 4 ++-- src/styles/adaptedStyles/searchPage.scss | 4 ++-- 3 files changed, 5 insertions(+), 5 deletions(-) diff --git a/src/components/LongCoverCard/LongCoverCard.vue b/src/components/LongCoverCard/LongCoverCard.vue index 953dc894..5df4f468 100644 --- a/src/components/LongCoverCard/LongCoverCard.vue +++ b/src/components/LongCoverCard/LongCoverCard.vue @@ -24,7 +24,7 @@ defineProps<{ }" gap-4 class="group" - hover:bg="$bew-theme-color-20" hover:ring="8 $bew-theme-color-20" + hover:bg="$bew-theme-color-10" hover:ring="8 $bew-theme-color-10" transition="all ease-in-out 300" rounded="$bew-radius" > diff --git a/src/components/VideoCard/VideoCard.vue b/src/components/VideoCard/VideoCard.vue index a021a42d..d30173a6 100644 --- a/src/components/VideoCard/VideoCard.vue +++ b/src/components/VideoCard/VideoCard.vue @@ -155,9 +155,9 @@ function handelMouseLeave() { :class="isDislike ? 'is-dislike' : ''" w="full" pos="absolute top-0 left-0" rounded="$bew-radius" duration-300 ease-in-out - hover:bg="$bew-theme-color-20" hover:shadow + hover:bg="$bew-theme-color-10" hover:shadow :style="{ contentVisibility }" - style="--un-shadow: 0 0 0 8px var(--bew-theme-color-20);" + style="--un-shadow: 0 0 0 8px var(--bew-theme-color-10);" @mouseenter="handleMouseEnter" @mouseleave="handelMouseLeave" > diff --git a/src/styles/adaptedStyles/searchPage.scss b/src/styles/adaptedStyles/searchPage.scss index 4cecaa94..ea3bdaf9 100644 --- a/src/styles/adaptedStyles/searchPage.scss +++ b/src/styles/adaptedStyles/searchPage.scss @@ -20,8 +20,8 @@ } .bili-video-card:hover .bili-video-card__wrap { - background-color: var(--bew-theme-color-20); - box-shadow: 0 0 0 8px var(--bew-theme-color-20); + background-color: var(--bew-theme-color-10); + box-shadow: 0 0 0 8px var(--bew-theme-color-10); } .bili-video-card:hover .bili-video-card__info--tit {