mirror of
https://github.com/BewlyBewly/BewlyBewly.git
synced 2025-04-14 13:15:29 +00:00
style: adjust styles
This commit is contained in:
@@ -142,10 +142,10 @@ 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);"
|
||||
@mousemove="handleMouseEnter"
|
||||
style="--un-shadow: 0 0 0 8px var(--bew-theme-color-10);"
|
||||
@mouseenter="handleMouseEnter"
|
||||
@mouseleave="handelMouseLeave"
|
||||
>
|
||||
<div :style="{ display: horizontal ? 'flex' : 'block', gap: horizontal ? '1.5rem' : '0' }">
|
||||
|
||||
@@ -35,7 +35,7 @@ defineProps<{
|
||||
mb-10 pointer-events-none select-none
|
||||
>
|
||||
<!-- Cover -->
|
||||
<div :style="{ width: '250px' }" shrink-0 aspect-video h-fit bg="$bew-fill-4" rounded="$bew-radius" />
|
||||
<div :style="{ width: '300px' }" shrink-0 aspect-video h-fit bg="$bew-fill-4" rounded="$bew-radius" />
|
||||
<!-- Other Information -->
|
||||
<div
|
||||
w-full mt-0
|
||||
|
||||
Reference in New Issue
Block a user