step rendering improvements

This commit is contained in:
vabene1111
2022-01-18 15:09:51 +01:00
parent 7ff7d157dc
commit b382ab9024
2 changed files with 3 additions and 3 deletions

View File

@@ -27,7 +27,7 @@
<!-- eslint-disable vue/no-v-for-template-key-on-child -->
<template v-for="s in steps" >
<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>
</td>
</tr>

View File

@@ -32,8 +32,8 @@
<template v-if="step.type === 'TEXT'">
<b-collapse id="collapse-1" v-model="details_visible">
<div class="row">
<div class="col col-md-4" v-if="step.ingredients.length > 0 && (recipe.steps.length > 1 || force_ingredients)">
<table class="table table-sm">
<div class="col col-md-4" >
<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)" />
</table>
</div>