Fix embed of actor card

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
This commit is contained in:
Thomas Citharel 2022-03-23 12:33:27 +01:00
parent e7ce24966b
commit 9d3cd05e33
No known key found for this signature in database
GPG Key ID: A061B9DDE0CA0773
2 changed files with 35 additions and 27 deletions

View File

@ -1,7 +1,9 @@
<template> <template>
<div <div
class="w-80 bg-white rounded-lg shadow-md p-4 sm:p-8 flex items-center space-x-4 flex-col items-center pb-10" class="w-80 bg-white rounded-lg shadow-md flex space-x-4 items-center"
:class="{ 'flex-col p-4 sm:p-8 pb-10': !inline }"
> >
<div>
<figure class="w-12 h-12" v-if="actor.avatar"> <figure class="w-12 h-12" v-if="actor.avatar">
<img <img
class="rounded-lg" class="rounded-lg"
@ -13,10 +15,12 @@
</figure> </figure>
<b-icon <b-icon
v-else v-else
size="is-large" :size="inline ? 'is-medium' : 'is-large'"
icon="account-circle" icon="account-circle"
class="ltr:-mr-0.5 rtl:-ml-0.5" class="ltr:-mr-0.5 rtl:-ml-0.5"
/> />
</div>
<div :class="{ 'text-center': !inline }">
<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">
{{ displayName(actor) }} {{ displayName(actor) }}
</h5> </h5>
@ -29,6 +33,7 @@
v-html="actor.summary" v-html="actor.summary"
/> />
</div> </div>
</div>
<!-- <div <!-- <div
class="p-4 bg-white rounded-lg shadow-md sm:p-8 flex items-center space-x-4" class="p-4 bg-white rounded-lg shadow-md sm:p-8 flex items-center space-x-4"
dir="auto" dir="auto"
@ -77,6 +82,8 @@ export default class ActorCard extends Vue {
@Prop({ required: false, type: Boolean, default: false }) full!: boolean; @Prop({ required: false, type: Boolean, default: false }) full!: boolean;
@Prop({ required: false, type: Boolean, default: false }) inline!: boolean;
@Prop({ required: false, type: Boolean, default: false }) popover!: boolean; @Prop({ required: false, type: Boolean, default: false }) popover!: boolean;
@Prop({ required: false, type: Boolean, default: true }) limit!: boolean; @Prop({ required: false, type: Boolean, default: true }) limit!: boolean;

View File

@ -48,9 +48,10 @@
!event.attributedTo || !event.options.hideOrganizerWhenGroupEvent !event.attributedTo || !event.options.hideOrganizerWhenGroupEvent
" "
:actor="event.attributedTo" :actor="event.attributedTo"
:inline="true"
/> />
<actor-card v-else :actor="event.organizerActor" />
</router-link> </router-link>
<actor-card v-else :actor="event.organizerActor" :inline="true" />
<actor-card <actor-card
:actor="contact" :actor="contact"
v-for="contact in event.contacts" v-for="contact in event.contacts"