mirrors/recipes
1
0
Fork 0
mirror of https://github.com/TandoorRecipes/recipes.git synced 2026-01-05 06:08:46 -05:00
Code Issues Packages Projects Releases Wiki Activity

recipe page styling

Browse Source
This commit is contained in:
vabene1111
2021-01-13 10:57:38 +01:00
parent acafcbc077
commit a59ac44f3b
6 changed files with 77 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
vue/src/components/Nutrition.vue
View File

@@ -6,67 +6,50 @@
<div class="card-body">
<div class="row">
<div class="col-12">
<h5><i class="fas fa-carrot"></i> {{ _('Nutrition') }}</h5>
<h4 class="card-title"><i class="fas fa-carrot"></i> {{ _('Nutrition') }}</h4>
</div>
</div>
<div class="d-flex flex-row">
</div>
<div class="row">
<div class="col-12">
{{ _('Calories') }}
<div class="col-6">
<i class="fas fa-fire fa-fw"></i> {{ _('Calories') }}
</div>
<div class="col-6">
{{ calculateAmount(recipe.nutrition.calories) }} kcal
</div>
</div>
<div class="row">
<div class="col-12">
{{ _('Carbohydrates') }}
<div class="col-6">
<i class="fas fa-bread-slice fa-fw"></i> {{ _('Carbohydrates') }}
</div>
<div class="col-6">
{{ calculateAmount(recipe.nutrition.carbohydrates) }} g
</div>
</div>
<div class="d-flex flex-row">
<div class="flex-column">
<div class="">
{{ _('Fats') }}
</div>
<div class="">
{{ calculateAmount(recipe.nutrition.fats) }}
</div>
<div class="">
g
</div>
<div class="row">
<div class="col-6">
<i class="fas fa-cheese fa-fw"></i> {{ _('Fats') }}
</div>
<div class="flex-column">
<div class="">
{{ _('Fats') }}
</div>
<div class="">
{{ calculateAmount(recipe.nutrition.fats) }}
</div>
<div class="">
g
</div>
<div class="col-6">
{{ calculateAmount(recipe.nutrition.fats) }} g
</div>
</div>
<div class="row">
<div class="col-12">
{{ _('Proteins') }}
<div class="col-6">
<i class="fas fa-drumstick-bite fa-fw"></i> {{ _('Proteins') }}
</div>
<div class="col-6">
{{ calculateAmount(recipe.nutrition.proteins) }} g
</div>
</div>
</div>
</div>
</div>
</div>
</template>