fix(ForkSubscribeDialog): 更新样式,优化文本对齐和可读性

This commit is contained in:
jxxghp
2024-12-29 14:34:17 +08:00
parent 3b2d5e45bb
commit 60850970a8
@@ -88,31 +88,31 @@ async function doFork() {
</div> </div>
<div class="flex-grow"> <div class="flex-grow">
<VCardItem> <VCardItem>
<VCardTitle> <VCardTitle class="text-center text-md-left">
{{ props.media?.share_title }} {{ props.media?.share_title }}
</VCardTitle> </VCardTitle>
<VCardSubtitle <VCardSubtitle
class="break-words whitespace-break-spaces line-clamp-2 overflow-hidden text-ellipsis ..." class="text-center text-md-left break-words whitespace-break-spaces line-clamp-2 overflow-hidden text-ellipsis ..."
> >
{{ props.media?.share_comment }} {{ props.media?.share_comment }}
</VCardSubtitle> </VCardSubtitle>
<VList lines="one"> <VList lines="one">
<VListItem class="ps-0"> <VListItem class="ps-0">
<VListItemTitle> <VListItemTitle class="text-center text-md-left">
<span class="font-weight-medium">分享人</span> <span class="font-weight-medium">分享人</span>
<span class="text-body-1"> {{ media?.share_user }}</span> <span class="text-body-1"> {{ media?.share_user }}</span>
</VListItemTitle> </VListItemTitle>
</VListItem> </VListItem>
<VListItem class="ps-0" v-if="media?.custom_words"> <VListItem class="ps-0" v-if="media?.custom_words">
<VListItemTitle <VListItemTitle
class="break-words whitespace-break-spaces line-clamp-3 overflow-hidden text-ellipsis ..." class="text-center text-md-left break-words whitespace-break-spaces line-clamp-3 overflow-hidden text-ellipsis ..."
> >
<span class="font-weight-medium">识别词</span> <span class="font-weight-medium">识别词</span>
<span class="text-body-1"> {{ media?.custom_words }}</span> <span class="text-body-1"> {{ media?.custom_words }}</span>
</VListItemTitle> </VListItemTitle>
</VListItem> </VListItem>
</VList> </VList>
<div> <div class="text-center text-md-left">
<VBtn color="primary" @click="doFork" prepend-icon="mdi-heart">添加到我的订阅</VBtn> <VBtn color="primary" @click="doFork" prepend-icon="mdi-heart">添加到我的订阅</VBtn>
</div> </div>
</VCardItem> </VCardItem>