💄 Update styling

This commit is contained in:
2025-11-08 11:54:39 +08:00
parent d6eb68a268
commit 05f8cabb33
3 changed files with 77 additions and 40 deletions

View File

@@ -1,5 +1,5 @@
<template>
<v-card class="px-4 py-3">
<v-card>
<v-card-text>
<div class="flex flex-col gap-3">
<post-header :item="props.item" />
@@ -20,13 +20,22 @@
<div v-html="htmlContent" />
</article>
<attachment-list :attachments="props.item.attachments" :max-height="640" />
<attachment-list
:attachments="props.item.attachments"
:max-height="640"
/>
<div v-if="props.item.repliesCount" class="flex gap-2 text-xs opacity-80">
<div
v-if="props.item.repliesCount"
class="flex gap-2 text-xs opacity-80"
>
<v-icon icon="mdi-comment-text-multiple" size="small" />
<p>{{ props.item.repliesCount }} replies</p>
</div>
<div v-if="props.item.isTruncated" class="flex gap-2 text-xs opacity-80">
<div
v-if="props.item.isTruncated"
class="flex gap-2 text-xs opacity-80"
>
<v-icon icon="mdi-dots-horizontal" size="small" />
<p>Post truncated, tap to see details...</p>
</div>