Mirrors/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-10-31 10:13:32 -04:00
Code Issues Packages Projects Releases Wiki Activity

feat: redesign recipe info card (#5026)

Browse Source 
Co-authored-by: Michael Genson <71845777+michael-genson@users.noreply.github.com>
This commit is contained in:
Kuchenpirat
2025-02-26 17:07:12 +01:00
committed by GitHub
parent 3fd3661206
commit 3b0d6050a2
7 changed files with 96 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageInfoCard.vue
View File

@@ -14,15 +14,16 @@
</v-card-title>
<v-divider class="my-2" />
<SafeMarkdown :source="recipe.description" />
<v-divider />
<v-divider v-if="recipe.description" />
<v-container class="d-flex flex-row flex-wrap justify-center align-center">
<div class="mx-5">
<div class="mx-6">
<v-row no-gutters class="mb-1">
<v-col v-if="recipe.recipeYieldQuantity || recipe.recipeYield" cols="12" class="d-flex flex-wrap justify-center">
<RecipeYield
:yield-quantity="recipe.recipeYieldQuantity"
:yield="recipe.recipeYield"
:scale="recipeScale"
class="mb-4"
/>
</v-col>
</v-row>
@@ -31,18 +32,18 @@
<RecipeLastMade
v-if="isOwnGroup"
:recipe="recipe"
:class="true ? undefined : 'force-bottom'"
class="mb-4"
/>
</v-col>
</v-row>
</div>
<div class="mx-5">
<div class="mx-6">
<RecipeTimeCard
stacked
container-class="d-flex flex-wrap justify-center"
:prep-time="recipe.prepTime"
:total-time="recipe.totalTime"
:perform-time="recipe.performTime"
class="mb-4"
/>
</div>
</v-container>