cgiacofei/TandoorRecipes
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

meal plan icons, rating spacing

Browse Source
This commit is contained in:
Kaibu
2021-10-17 16:36:45 +02:00
parent a9d3267ca3
commit e784074ac8
5 changed files with 10 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
vue/src/apps/MealPlanView/MealPlanView.vue
View File

@ -527,7 +527,7 @@ export default {
}
.cv-day.draghover {
box-shadow: inset 0 0 0.2em 0.2em grey !important;
box-shadow: inset 0 0 0.2em 0.2em rgb(221, 191, 134) !important;
}
.modal-backdrop {

3
vue/src/apps/RecipeView/RecipeView.vue
View File

@ -14,8 +14,7 @@
<div class="row text-center">
<div class="col col-md-12">
<recipe-rating :recipe="recipe"></recipe-rating>
<br/>
<last-cooked :recipe="recipe"></last-cooked>
<last-cooked :recipe="recipe" class="mt-2"></last-cooked>
</div>
</div>

6
vue/src/components/LastCooked.vue
View File

@ -1,9 +1,11 @@
<template>
<span class="pl-1">
<b-badge pill variant="primary" v-if="recipe.last_cooked !== null" class="font-weight-normal"><i class="fas fa-utensils"></i> {{
<div>
<span class="pl-1" v-if="recipe.last_cooked !== null">
<b-badge pill variant="primary" class="font-weight-normal"><i class="fas fa-utensils"></i> {{
formatDate(recipe.last_cooked)
}}</b-badge>
</span>
</div>
</template>
<script>

7
vue/src/components/MealPlanCard.vue
View File

@ -19,12 +19,11 @@
<div style="position: static;">
<div class="dropdown b-dropdown position-static btn-group">
<button aria-haspopup="true" aria-expanded="false" type="button"
class="btn dropdown-toggle btn-link text-decoration-none text-body pr-1 dropdown-toggle-no-caret"
class="btn btn-link text-decoration-none text-body pr-2 dropdown-toggle-no-caret"
@click.stop="$emit('open-context-menu', $event, value)"><i class="fas fa-ellipsis-v fa-lg"></i>
</button>
</div>
</div>
</a>
</div>
<div class="card-header p-1 text-center" v-if="detailed" :style="`background-color: ${background_color}`">
@ -125,8 +124,4 @@ export default {
.meal-plan-card {
background-color: #fff;
}
.theme-default .cv-day.draghover {
box-shadow: inset 0 0 0.2em 0.2em grey;
}
</style>

1
vue/src/components/RecipeRating.vue
View File

@ -1,6 +1,5 @@
<template>
<div>
<span class="d-inline" v-if="recipe.rating > 0">
<i class="fas fa-star fa-xs text-primary" v-for="i in Math.floor(recipe.rating)" v-bind:key="i"></i>
<i class="fas fa-star-half-alt fa-xs text-primary" v-if="recipe.rating % 1 > 0"></i>