Only show related events section if there's some

Always use 1/3 column layout for related events columns

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
This commit is contained in:
Thomas Citharel 2019-04-24 14:21:22 +02:00
parent 69457146bf
commit 128f10bf29

View File

@ -216,10 +216,10 @@
</div> </div>
</div> </div>
</section> </section>
<section class="more-events container"> <section class="more-events container" v-if="event.relatedEvents.length > 0">
<h3 class="title has-text-centered"><translate>These events may interest you</translate></h3> <h3 class="title has-text-centered"><translate>These events may interest you</translate></h3>
<div class="columns"> <div class="columns">
<div class="column" v-for="relatedEvent in event.relatedEvents" :key="relatedEvent.uuid"> <div class="column is-one-third-desktop" v-for="relatedEvent in event.relatedEvents" :key="relatedEvent.uuid">
<EventCard :event="relatedEvent" /> <EventCard :event="relatedEvent" />
</div> </div>
</div> </div>