Actor card improvements

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
This commit is contained in:
Thomas Citharel 2022-04-06 17:35:10 +02:00
parent 999f2f8e14
commit 2ed69f9484
No known key found for this signature in database
GPG Key ID: A061B9DDE0CA0773

View File

@ -1,7 +1,7 @@
<template> <template>
<div <div
class="w-80 bg-white rounded-lg shadow-md flex space-x-4 items-center" class="bg-white rounded-lg shadow-md flex space-x-4 items-center"
:class="{ 'flex-col p-4 sm:p-8 pb-10': !inline }" :class="{ 'flex-col p-4 sm:p-8 pb-10 w-80': !inline }"
> >
<div> <div>
<figure class="w-12 h-12" v-if="actor.avatar"> <figure class="w-12 h-12" v-if="actor.avatar">
@ -20,8 +20,10 @@
class="ltr:-mr-0.5 rtl:-ml-0.5" class="ltr:-mr-0.5 rtl:-ml-0.5"
/> />
</div> </div>
<div :class="{ 'text-center': !inline }"> <div :class="{ 'text-center': !inline }" class="overflow-hidden w-full">
<h5 class="text-xl font-medium violet-title tracking-tight text-gray-900"> <h5
class="text-xl font-medium violet-title tracking-tight text-gray-900 whitespace-pre-line line-clamp-2"
>
{{ displayName(actor) }} {{ displayName(actor) }}
</h5> </h5>
<p class="text-gray-500 truncate" v-if="actor.name"> <p class="text-gray-500 truncate" v-if="actor.name">