github/mealie
1
0
Fork 0
mirror of https://github.com/hay-kot/mealie.git synced 2025-08-22 06:23:34 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 17

Reduce margins in RecipePageInstructions between checkboxes

Browse source
This commit is contained in:
Felix Schneider 2025-07-22 21:19:23 +02:00
commit daa90613e6
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/RecipePage/RecipePageParts/RecipePageInstructions.vue
View file

@ -29,7 +29,7 @@
{{ activeText }} {{ activeText }}
</p> </p>
<v-divider class="mb-4" /> <v-divider class="mb-4" />
<v-checkbox <v-checkbox-btn
v-for="ing in unusedIngredients" v-for="ing in unusedIngredients"
:key="ing.referenceId" :key="ing.referenceId"
v-model="activeRefs" v-model="activeRefs"
@ -39,13 +39,13 @@
<template #label> <template #label>
<RecipeIngredientHtml :markup="parseIngredientText(ing, recipe.settings.disableAmount)" /> <RecipeIngredientHtml :markup="parseIngredientText(ing, recipe.settings.disableAmount)" />
</template> </template>
</v-checkbox> </v-checkbox-btn>
<template v-if="usedIngredients.length > 0"> <template v-if="usedIngredients.length > 0">
<h4 class="py-3 ml-1"> <h4 class="py-3 ml-1">
{{ $t("recipe.linked-to-other-step") }} {{ $t("recipe.linked-to-other-step") }}
</h4> </h4>
<v-checkbox <v-checkbox-btn
v-for="ing in usedIngredients" v-for="ing in usedIngredients"
:key="ing.referenceId" :key="ing.referenceId"
v-model="activeRefs" v-model="activeRefs"
@ -55,7 +55,7 @@
<template #label> <template #label>
<RecipeIngredientHtml :markup="parseIngredientText(ing, recipe.settings.disableAmount)" /> <RecipeIngredientHtml :markup="parseIngredientText(ing, recipe.settings.disableAmount)" />
</template> </template>
</v-checkbox> </v-checkbox-btn>
</template> </template>
</v-card-text> </v-card-text>