minor tweaks

vue3/src/components/display/RecipeView.vue

@@ -59,7 +59,7 @@
         </v-card>
 
         <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 class="mt-1" v-for="(step, index) in props.recipe.steps" :key="step.id">

vue3/src/components/display/StepsOverview.vue

@@ -7,7 +7,7 @@
                     <v-row v-for="(s, i) in props.steps">
                         <v-col class="pa-1">
                             <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-row>
                 </v-container>
@@ -28,6 +28,10 @@ const props = defineProps({
         type: Array as PropType<Array<Step>>,
         default: [],
     },
+    ingredientFactor: {
+        type: Number,
+        required: true,
+    },
 })
 
 </script>

vue3/src/pages/StartPage.vue

@@ -12,7 +12,7 @@
             </v-card-text>
         </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="2" mode="rating"></horizontal-recipe-scroller>
         <horizontal-recipe-scroller :skeletons="4" mode="keyword"></horizontal-recipe-scroller>