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: add hover effect to VideoCard

Browse Source
This commit is contained in:
Hakadao
2023-08-15 00:34:15 +08:00
parent 08308716cd
commit 1a5f771d36
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/VideoCard.vue
View File

@@ -155,7 +155,13 @@ function toggleWatchLater() {
</div>
<div>
<div w="full" relative bg="$bew-fill-4" rounded="$bew-radius" cursor-pointer @click.stop="openLinkToNewTab(videoUrl)">
<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)"
transition="all ease-in-out 300" group-hover:z-2
@click.stop="openLinkToNewTab(videoUrl)"
>
<!-- Video duration -->
<div
v-if="duration"