Actor card improvements
Signed-off-by: Thomas Citharel <tcit@tcit.fr>
This commit is contained in:
parent
999f2f8e14
commit
2ed69f9484
@ -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">
|
||||||
|
Loading…
Reference in New Issue
Block a user