Improve ActorInline component

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
This commit is contained in:
Thomas Citharel 2022-04-19 17:35:05 +02:00
parent 4ee1efd4b9
commit 7275a530a2
No known key found for this signature in database
GPG Key ID: A061B9DDE0CA0773

View File

@ -1,16 +1,19 @@
<template> <template>
<div class="actor-inline"> <div class="inline-flex items-start">
<div class="actor-avatar"> <div class="flex-none mr-2">
<figure class="image is-24x24" v-if="actor.avatar"> <figure class="image is-48x48" v-if="actor.avatar">
<img class="is-rounded" :src="actor.avatar.url" alt="" /> <img class="is-rounded" :src="actor.avatar.url" alt="" />
</figure> </figure>
<b-icon v-else size="is-medium" icon="account-circle" /> <b-icon v-else size="is-large" icon="account-circle" />
</div> </div>
<div class="actor-name"> <div class="flex-auto">
<p> <p class="text-base line-clamp-3 md:line-clamp-2 max-w-xl">
{{ displayName(actor) }} {{ displayName(actor) }}
</p> </p>
<p class="text-sm text-gray-500 truncate">
@{{ usernameWithDomain(actor) }}
</p>
</div> </div>
</div> </div>
</template> </template>