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

chore: tweak styles

Browse Source
This commit is contained in:
Hakadao
2024-10-10 01:31:46 +08:00
parent 16acacd432
commit 6444c19b78
2 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -470,6 +470,7 @@ function handleRemoved(selectedOpt?: { dislikeReasonId: number }) {
ref="moreBtnRef"
class="opacity-0 group-hover/desc:opacity-100"
:class="{ 'more-active': showVideoOptions }"
bg="hover:$bew-fill-2 active:$bew-fill-3"
shrink-0 w-30px h-30px m="t--3px r--8px" translate-x--8px
grid place-items-center cursor-pointer rounded="50%" duration-300
@click.stop.prevent="handleMoreBtnClick"
@@ -599,6 +600,6 @@ function handleRemoved(selectedOpt?: { dislikeReasonId: number }) {
<style lang="scss" scoped>
.more-active {
--uno: "opacity-100 bg-$bew-fill-3";
--uno: "opacity-100";
}
</style>

2
src/components/VideoCard/VideoCardContextMenu/VideoCardContextMenu.vue
View File

@@ -135,7 +135,7 @@ function handleRemoved(selectedOpt?: { dislikeReasonId: number }) {
style="backdrop-filter: var(--bew-filter-glass-1); box-shadow: var(--bew-shadow-edge-glow-1), var(--bew-shadow-1);"
:style="contextMenuStyles"
p-2 bg="$bew-elevated" rounded="$bew-radius"
min-w-150px m="t-4 l-[calc(-150px+1rem)]"
min-w-200px m="t-4 l-[calc(-200px+1rem)]"
border="1 $bew-border-color"
z-10
>