zio/elk
2
0
Fork 0
Code Releases 2 Packages 1 Activity

feat: direct messages bubbles (#262)

Browse source
This commit is contained in:
patak 2022-12-01 08:32:07 +01:00 • committed by GitHub
parent 12bb0bbb2d
commit a28f14cb70
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 21 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

2
components/status/StatusCard.vue
View file

@ -81,7 +81,7 @@ const timeago = useTimeAgo(() => status.createdAt, timeAgoOptions)
<StatusActionsMore :status="status" mr--2 />
</div>
<StatusReplyingTo v-if="status.inReplyToAccountId" :status="status" pt1 />
<div>
<div :class="status.visibility === 'direct' ? 'my3 p2 px5 br2 bg-fade rounded-3 rounded-tl-none' : ''">
<StatusSpoiler :enabled="status.sensitive">
<template #spoiler>
<p>{{ status.spoilerText }}</p>

30
components/status/StatusDetails.vue
View file

@ -26,19 +26,23 @@ const visibility = $computed(() => STATUS_VISIBILITIES.find(v => v.value === sta
</AccountHoverWrapper>
</NuxtLink>
<StatusReplyingTo v-if="status.inReplyToAccountId" :status="status" />
<StatusSpoiler :enabled="status.sensitive">
<template #spoiler>
<p text-2xl>
{{ status.spoilerText }}
</p>
</template>
<StatusBody :status="status" :with-action="false" text-2xl />
<StatusPoll v-if="status.poll" :poll="status.poll" />
<StatusMedia
v-if="status.mediaAttachments?.length"
:status="status"
/>
</StatusSpoiler>
<div
:class="status.visibility === 'direct' ? 'my3 p2 px5 br2 bg-fade rounded-3 rounded-tl-none' : ''"
>
<StatusSpoiler :enabled="status.sensitive">
<template #spoiler>
<p text-2xl>
{{ status.spoilerText }}
</p>
</template>
<StatusBody :status="status" :with-action="false" text-2xl />
<StatusPoll v-if="status.poll" :poll="status.poll" />
<StatusMedia
v-if="status.mediaAttachments?.length"
:status="status"
/>
</StatusSpoiler>
</div>
<div flex="~ gap-1" items-center text-secondary text-sm>
<div flex>
<div>{{ createdAt }}</div>