replace v-chip with div

This commit is contained in:
Michael Genson 2025-07-10 17:19:15 +00:00
commit 318eeb2b61

View file

@ -23,18 +23,17 @@
</v-icon> </v-icon>
{{ recipe.name }} {{ recipe.name }}
</v-card-title> </v-card-title>
<div v-if="recipeYield" <div
class="d-flex justify-space-between align-center px-4 pb-2" v-if="recipeYield"
> class="d-flex justify-space-between align-center pb-6"
<v-chip :size="$vuetify.display.smAndDown ? 'small' : undefined"
label
> >
<div>
<v-icon start> <v-icon start>
{{ $globals.icons.potSteam }} {{ $globals.icons.potSteam }}
</v-icon> </v-icon>
<!-- eslint-disable-next-line vue/no-v-html --> <!-- eslint-disable-next-line vue/no-v-html -->
<span v-html="recipeYield" /> <span v-html="recipeYield" />
</v-chip> </div>
</div> </div>
<v-row class="d-flex justify-start"> <v-row class="d-flex justify-start">
<RecipeTimeCard :prep-time="recipe.prepTime" <RecipeTimeCard :prep-time="recipe.prepTime"