ui: adjust spacing
This commit is contained in:
parent
ed5b8091d3
commit
47914d59b6
7 changed files with 16 additions and 14 deletions
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue