Fixed slot fill cards not column layouting

This commit is contained in:
Thaum Rystra
2023-08-07 12:37:37 +02:00
parent e89b4946d5
commit 8b215ce159

View File

@@ -1,39 +1,35 @@
<template> <template>
<column-layout <v-fade-transition
wide-columns group
class="slots-to-fill" leave-absolute
hide-on-leave
class="column-layout wide-columns"
> >
<v-fade-transition <div
group v-for="pointBuy in pointBuys"
leave-absolute :key="pointBuy._id"
hide-on-leave style="transition: all 0.3s !important"
> >
<div <point-buy-card
v-for="pointBuy in pointBuys" :model="pointBuy"
:key="pointBuy._id" hover
style="transition: all 0.3s !important" @ignore="ignoreProp(pointBuy._id)"
> @click="editPointBuy(pointBuy._id)"
<point-buy-card />
:model="pointBuy" </div>
hover <div
@ignore="ignoreProp(pointBuy._id)" v-for="slot in slots"
@click="editPointBuy(pointBuy._id)" :key="slot._id"
/> style="transition: all 0.3s !important"
</div> >
<div <slot-card
v-for="slot in slots" :model="slot"
:key="slot._id" hover
style="transition: all 0.3s !important" @ignore="ignoreProp(slot._id)"
> @click="fillSlot(slot._id)"
<slot-card />
:model="slot" </div>
hover </v-fade-transition>
@ignore="ignoreProp(slot._id)"
@click="fillSlot(slot._id)"
/>
</div>
</v-fade-transition>
</column-layout>
</template> </template>
<script lang="js"> <script lang="js">