minor tweaks

This commit is contained in:
vabene1111
2024-12-23 14:49:07 +01:00
parent 65034e523f
commit 5a8b4fb4ce
3 changed files with 7 additions and 3 deletions

View File

@@ -59,7 +59,7 @@
</v-card> </v-card>
<v-card class="mt-1" v-if="props.recipe.steps.length > 1"> <v-card class="mt-1" v-if="props.recipe.steps.length > 1">
<steps-overview :steps="props.recipe.steps"></steps-overview> <steps-overview :steps="props.recipe.steps" :ingredient-factor="ingredientFactor"></steps-overview>
</v-card> </v-card>
<v-card class="mt-1" v-for="(step, index) in props.recipe.steps" :key="step.id"> <v-card class="mt-1" v-for="(step, index) in props.recipe.steps" :key="step.id">

View File

@@ -7,7 +7,7 @@
<v-row v-for="(s, i) in props.steps"> <v-row v-for="(s, i) in props.steps">
<v-col class="pa-1"> <v-col class="pa-1">
<b v-if="s.showAsHeader">{{ i + 1 }}. {{ s.name }} </b> <b v-if="s.showAsHeader">{{ i + 1 }}. {{ s.name }} </b>
<IngredientsTable :ingredients="s.ingredients"></IngredientsTable> <ingredients-table :ingredients="s.ingredients" :ingredient-factor="props.ingredientFactor"></ingredients-table>
</v-col> </v-col>
</v-row> </v-row>
</v-container> </v-container>
@@ -28,6 +28,10 @@ const props = defineProps({
type: Array as PropType<Array<Step>>, type: Array as PropType<Array<Step>>,
default: [], default: [],
}, },
ingredientFactor: {
type: Number,
required: true,
},
}) })
</script> </script>

View File

@@ -12,7 +12,7 @@
</v-card-text> </v-card-text>
</v-card> </v-card>
<horizontal-recipe-scroller :skeletons="4" mode="recent"></horizontal-recipe-scroller> <!-- <horizontal-recipe-scroller :skeletons="4" mode="recent"></horizontal-recipe-scroller>-->
<horizontal-recipe-scroller :skeletons="4" mode="new"></horizontal-recipe-scroller> <horizontal-recipe-scroller :skeletons="4" mode="new"></horizontal-recipe-scroller>
<horizontal-recipe-scroller :skeletons="2" mode="rating"></horizontal-recipe-scroller> <horizontal-recipe-scroller :skeletons="2" mode="rating"></horizontal-recipe-scroller>
<horizontal-recipe-scroller :skeletons="4" mode="keyword"></horizontal-recipe-scroller> <horizontal-recipe-scroller :skeletons="4" mode="keyword"></horizontal-recipe-scroller>