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 { .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 { .modal-backdrop {

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

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

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

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

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

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

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

@ -1,6 +1,5 @@
<template> <template>
<div> <div>
<span class="d-inline" v-if="recipe.rating > 0"> <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 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> <i class="fas fa-star-half-alt fa-xs text-primary" v-if="recipe.rating % 1 > 0"></i>