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

add rating to review view

Browse Source
This commit is contained in:
vabene1111
2025-08-01 20:15:58 +02:00
parent c5cc492f0a
commit ed4f4c77e8
1 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
vue3/src/components/display/RecipeView.vue
View File

@@ -12,6 +12,7 @@
<template class="d-block d-lg-none"> <template class="d-block d-lg-none">
<!-- mobile layout -->
<v-card class="rounded-0"> <v-card class="rounded-0">
<recipe-image <recipe-image
max-height="25vh" max-height="25vh"
@@ -27,7 +28,8 @@
</span> </span>
<recipe-context-menu :recipe="recipe" v-if="useUserPreferenceStore().isAuthenticated"></recipe-context-menu> <recipe-context-menu :recipe="recipe" v-if="useUserPreferenceStore().isAuthenticated"></recipe-context-menu>
</v-sheet> </v-sheet>
<keywords-component variant="flat" class="ms-1 mb-2" :keywords="recipe.keywords"></keywords-component> <keywords-component variant="flat" class="ms-1" :keywords="recipe.keywords"></keywords-component>
<v-rating v-model="recipe.rating" size="x-small" v-if="recipe.rating" readonly></v-rating>
<v-sheet class="ps-2 text-disabled"> <v-sheet class="ps-2 text-disabled">
{{ recipe.description }} {{ recipe.description }}
</v-sheet> </v-sheet>
@@ -60,6 +62,7 @@
</v-card> </v-card>
</template> </template>
</template> </template>
<!-- Desktop horizontal layout -->
<template class="d-none d-lg-block"> <template class="d-none d-lg-block">
<v-row dense> <v-row dense>
<v-col cols="8"> <v-col cols="8">
@@ -84,6 +87,8 @@
<i>{{ recipe.description }}</i> <i>{{ recipe.description }}</i>
</p> </p>
<v-rating v-model="recipe.rating" size="x-small" v-if="recipe.rating" readonly></v-rating>
<keywords-component variant="flat" class="mt-4" :keywords="recipe.keywords"></keywords-component> <keywords-component variant="flat" class="mt-4" :keywords="recipe.keywords"></keywords-component>
</v-card-text> </v-card-text>