Add div wrapper
This commit is contained in:
parent
3f8687f951
commit
b137e873f8
|
@ -1,5 +1,7 @@
|
|||
<template>
|
||||
<div class="mt-4 md:mt-6 grid gap-4 grid-cols-[repeat(auto-fit,minmax(280px,max-content))] font-nunito justify-center">
|
||||
<div>
|
||||
<div
|
||||
class="mt-4 md:mt-6 grid gap-4 grid-cols-[repeat(auto-fit,minmax(280px,max-content))] font-nunito justify-center">
|
||||
<a v-for="(event, index) in events" :key="index" href="#" @click.prevent="makeVisible(event)"
|
||||
class="relative top-0 transition-all duration-200 hover:top-[-10px] shadow-lg hover:shadow-2xl rounded-lg bg-white flex flex-col overflow-hidden group max-w-[400px]">
|
||||
<img :src="event.image"
|
||||
|
@ -11,14 +13,17 @@
|
|||
<span class="text-sm font-semibold text-gray-800 ml-2" v-text="event.dates"></span>
|
||||
</div>
|
||||
<div class="grow text-sm leading-normal text-gray-800 mt-3" v-text="event.excerpt"></div>
|
||||
<div class="bg-primaryfg text-primary focus:ring-2 text-font rounded-lg text-xs sm:text-sm py-1 text-center mt-3">
|
||||
<div
|
||||
class="bg-primaryfg text-primary focus:ring-2 text-font rounded-lg text-xs sm:text-sm py-1 text-center mt-3">
|
||||
Zur Veranstaltung
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<popup v-if="visibleEvent !== null" :event="visibleEvent" :register-url="props.registerUrl" @close="hideEvent"></popup>
|
||||
<popup v-if="visibleEvent !== null" :event="visibleEvent" :register-url="props.registerUrl" @close="hideEvent">
|
||||
</popup>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
|
|
Loading…
Reference in New Issue