renun/BewlyBewly
1
0
Fork 0
mirror of https://github.com/BewlyBewly/BewlyBewly.git synced 2025-04-14 13:15:29 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

style: adjust video card hover effect

Browse Source
This commit is contained in:
Hakadao
2023-12-04 01:39:43 +08:00
parent 3515d49cc7
commit a44d867afd
3 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/LongCoverCard/LongCoverCard.vue
View File

@@ -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"
>

4
src/components/VideoCard/VideoCard.vue
View File

@@ -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"
>

4
src/styles/adaptedStyles/searchPage.scss
View File

@@ -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 {