Mirrors/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-10-31 10:13:32 -04:00
Code Issues Packages Projects Releases Wiki Activity

fix: print view for recipes with multiple ingredient sections (#1580)

Browse Source 
* fix for recipes with multiple ingredient sections

* removed unused key
This commit is contained in:
Michael Genson
2022-08-20 02:01:55 -05:00
committed by GitHub
parent 692d91e338
commit f231109194
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/components/Domain/Recipe/RecipePrintView.vue
View File

@@ -22,11 +22,11 @@
:key="`ingredient-section-${sectionIndex}`" :key="`ingredient-section-${sectionIndex}`"
class="print-section" class="print-section"
> >
<div class="ingredient-grid" :style="{gridTemplateRows:`repeat(${Math.ceil(ingredientSection.ingredients.length / 2)}, 1fr)`}"> <h4 v-if="ingredientSection.ingredients[0].title" class="ingredient-title mt-2">
<template v-for="(ingredient, ingredientIndex) in ingredientSection.ingredients"> {{ ingredientSection.ingredients[0].title }}
<h4 v-if="ingredient.title" :key="`ingredient-title-${ingredientIndex}`" class="ingredient-title mt-2">
{{ ingredient.title }}
</h4> </h4>
<div class="ingredient-grid" :style="{gridTemplateRows:`repeat(${Math.ceil(ingredientSection.ingredients.length / 2)}, min-content)`}">
<template v-for="(ingredient, ingredientIndex) in ingredientSection.ingredients">
<p :key="`ingredient-${ingredientIndex}`" class="ingredient-body" v-html="parseText(ingredient)" /> <p :key="`ingredient-${ingredientIndex}`" class="ingredient-body" v-html="parseText(ingredient)" />
</template> </template>
</div> </div>