1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-07-25 08:09:41 +02:00

improve spacing and fix layout on small screens

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

View file

@ -1,7 +1,7 @@
<template>
<div>
<!-- Recipe Categories -->
<v-card v-if="recipe.recipeCategory.length > 0 || isEditForm" class="mt-2">
<v-card v-if="recipe.recipeCategory.length > 0 || isEditForm" class="mt-10">
<v-card-title class="py-2">
{{ $t("recipe.categories") }}
</v-card-title>
@ -19,7 +19,7 @@
</v-card>
<!-- Recipe Tags -->
<v-card v-if="recipe.tags.length > 0 || isEditForm" class="mt-2">
<v-card v-if="recipe.tags.length > 0 || isEditForm" class="mt-4">
<v-card-title class="py-2">
{{ $t("tag.tags") }}
</v-card-title>
@ -45,7 +45,7 @@
</v-card-text>
</v-card>
<RecipeNutrition v-if="recipe.settings.showNutrition" v-model="recipe.nutrition" class="mt-10" :edit="isEditForm" />
<RecipeNutrition v-if="recipe.settings.showNutrition" v-model="recipe.nutrition" class="mt-4" :edit="isEditForm" />
<RecipeAssets
v-if="recipe.settings.showAssets"
v-model="recipe.assets"