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 card hover effect

Browse Source
This commit is contained in:
Hakadao
2023-08-31 01:31:33 +08:00
parent 20a361f249
commit f8f7903ed1
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/VideoCard.vue
View File

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