mirror of
https://github.com/TandoorRecipes/recipes.git
synced 2026-01-04 05:39:00 -05:00
step rendering improvements
This commit is contained in:
@@ -27,7 +27,7 @@
|
|||||||
<!-- eslint-disable vue/no-v-for-template-key-on-child -->
|
<!-- eslint-disable vue/no-v-for-template-key-on-child -->
|
||||||
<template v-for="s in steps" >
|
<template v-for="s in steps" >
|
||||||
<tr v-bind:key="s.id" v-if="s.show_as_header && s.name !== ''">
|
<tr v-bind:key="s.id" v-if="s.show_as_header && s.name !== ''">
|
||||||
<td colspan="5" @click="done">
|
<td colspan="5">
|
||||||
<b>{{ s.name }}</b>
|
<b>{{ s.name }}</b>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|||||||
@@ -32,8 +32,8 @@
|
|||||||
<template v-if="step.type === 'TEXT'">
|
<template v-if="step.type === 'TEXT'">
|
||||||
<b-collapse id="collapse-1" v-model="details_visible">
|
<b-collapse id="collapse-1" v-model="details_visible">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col col-md-4" v-if="step.ingredients.length > 0 && (recipe.steps.length > 1 || force_ingredients)">
|
<div class="col col-md-4" >
|
||||||
<table class="table table-sm">
|
<table class="table table-sm" v-if="step.ingredients.length > 0 && (recipe.steps.length > 1 || force_ingredients)">
|
||||||
<ingredients-card :steps="[step]" :ingredient_factor="ingredient_factor" @checked-state-changed="$emit('checked-state-changed', $event)" />
|
<ingredients-card :steps="[step]" :ingredient_factor="ingredient_factor" @checked-state-changed="$emit('checked-state-changed', $event)" />
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user