fix: add touch support for mealplanner delete (#1298)

* add touch support for mealplanner delete

* remove click.stop
This commit is contained in:
Hayden 2022-05-26 19:31:54 -08:00 committed by GitHub
parent 78a8204b58
commit a96f94a149
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -95,6 +95,7 @@
<template v-if="edit">
<draggable
tag="div"
handle=".handle"
:value="plan.meals"
group="meals"
:data-index="index"
@ -102,7 +103,7 @@
style="min-height: 150px"
@end="onMoveCallback"
>
<v-card v-for="mealplan in plan.meals" :key="mealplan.id" v-model="hover[mealplan.id]" class="my-1">
<v-card v-for="mealplan in plan.meals" :key="mealplan.id" v-model="hover[mealplan.id]" class="my-1 handle">
<v-list-item :to="edit || !mealplan.recipe ? null : `/recipe/${mealplan.recipe.slug}`">
<v-list-item-avatar :rounded="false">
<RecipeCardImage
@ -147,7 +148,7 @@
</v-list>
</v-menu>
<v-spacer></v-spacer>
<v-btn small icon @touchstart.stop @click="actions.deleteOne(mealplan.id)">
<v-btn small icon @click="actions.deleteOne(mealplan.id)">
<v-icon>{{ $globals.icons.delete }}</v-icon>
</v-btn>
</div>