fix(SubscribeShareCard): 添加 h-full 类以优化卡片布局

This commit is contained in:
jxxghp
2025-02-16 16:15:25 +08:00
parent a80a099ee7
commit 3a5999c341
+4 -4
View File
@@ -94,13 +94,13 @@ function doDelete() {
</script> </script>
<template> <template>
<div> <div class="h-full">
<VHover> <VHover>
<template #default="hover"> <template #default="hover">
<VCard <VCard
v-bind="hover.props" v-bind="hover.props"
:key="props.media?.id" :key="props.media?.id"
class="flex flex-col rounded-lg" class="flex flex-col rounded-lg h-full"
:class="{ :class="{
'transition transform-cpu duration-300 scale-105 shadow-lg': hover.isHovering, 'transition transform-cpu duration-300 scale-105 shadow-lg': hover.isHovering,
}" }"
@@ -117,8 +117,8 @@ function doDelete() {
<div class="absolute inset-0 subscribe-card-background"></div> <div class="absolute inset-0 subscribe-card-background"></div>
</VImg> </VImg>
</template> </template>
<div> <div class="h-full flex flex-col">
<VCardText class="flex items-center pb-1"> <VCardText class="flex items-center pb-1 grow">
<div class="h-auto w-12 flex-shrink-0 overflow-hidden rounded-md shadow-lg" v-if="imageLoaded"> <div class="h-auto w-12 flex-shrink-0 overflow-hidden rounded-md shadow-lg" v-if="imageLoaded">
<VImg :src="posterUrl" aspect-ratio="2/3" cover @click.stop="viewMediaDetail"> <VImg :src="posterUrl" aspect-ratio="2/3" cover @click.stop="viewMediaDetail">
<template #placeholder> <template #placeholder>