Docker/mealie
Docker/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-07-24 07:39:41 +02:00
Code Issues Releases Activity

improve spacing and fix layout on small screens

Browse source
This commit is contained in:
p0lycarpio 2023-11-24 10:40:35 +01:00
parent b1903aa205
commit be43e5bccd
8 changed files with 23 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

15
frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageInstructions.vue
View file

@ -49,11 +49,13 @@
<v-card-actions>
<BaseButton cancel @click="dialog = false"> </BaseButton>
<v-spacer></v-spacer>
<BaseButton color="info" @click="autoSetReferences">
<template #icon> {{ $globals.icons.robot }}</template>
{{ $t("recipe.auto") }}
</BaseButton>
<BaseButton save @click="setIngredientIds"> </BaseButton>
<div class="d-flex flex-wrap justify-end">
<BaseButton color="info" @click="autoSetReferences">
<template #icon> {{ $globals.icons.robot }}</template>
{{ $t("recipe.auto") }}
</BaseButton>
<BaseButton class="ml-2" save @click="setIngredientIds"> </BaseButton>
</div>
</v-card-actions>
</v-card>
</v-dialog>
@ -84,7 +86,7 @@
<div v-for="(step, index) in value" :key="step.id" class="list-group-item">
<v-app-bar
v-if="step.id && showTitleEditor[step.id]"
class="primary mx-1 mt-6"
class="primary mt-6"
style="cursor: pointer"
dark
dense
@ -219,6 +221,7 @@
</div>
</TransitionGroup>
</draggable>
<v-divider class="mt-10 d-flex d-md-none"/>
</section>
</template>