ui: adjust spacing

This commit is contained in:
Anthony Fu 2022-11-23 15:46:34 +08:00
parent ed5b8091d3
commit 47914d59b6
7 changed files with 16 additions and 14 deletions

View file

@ -72,10 +72,10 @@ const toggleBookmark = () => toggleStatusAction(
<div :class="(status.bookmarked ? 'i-ri:bookmark-fill' : 'i-ri:bookmark-line') + (isLoading.bookmarked ? ' pointer-events-none' : '')" />
</div>
</button>
<button flex gap-1 items-center w-full rounded op50 hover="op100 text-purple" group>
<!-- <button flex gap-1 items-center w-full rounded op50 hover="op100 text-purple" group>
<div rounded-full p2 group-hover="bg-purple/10">
<div i-ri:share-circle-line />
</div>
</button>
</button> -->
</div>
</template>

View file

@ -72,15 +72,15 @@ const timeago = useTimeAgo(() => status.createdAt, {
</div>
</div>
<AccountInfo :account="status.account">
<template>
<template #default>
<div flex-auto />
<div text-sm op50>
<div text-sm op50 :title="status.createdAt">
{{ timeago }}
</div>
</template>
</AccountInfo>
<StatusReplyingTo :status="status" />
<div pl14>
<StatusReplyingTo :status="status" ml5 mt--1 />
<div pl15>
<StatusBody :status="status" />
<StatusMedia
v-if="status.mediaAttachments?.length"
@ -92,6 +92,6 @@ const timeago = useTimeAgo(() => status.createdAt, {
:actions="false"
/>
</div>
<StatusActions v-if="actions !== false" pl12 :status="status" />
<StatusActions v-if="actions !== false" pl13 :status="status" />
</div>
</template>