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

card skeleton loader improvement

Browse Source
This commit is contained in:
vabene1111
2024-03-18 15:58:48 +01:00
committed by smilerz
parent 8a9e150f64
commit a5aa6d74b5
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
vue3/src/components/display/RecipeCard.vue
View File

@@ -40,7 +40,14 @@
</v-card> </v-card>
</template> </template>
<template v-else> <template v-else>
<v-skeleton-loader :elevation="3" type="image, heading, subtitle" v-if="loading" ></v-skeleton-loader> <v-card :style="{'height': height}">
<v-img src="../../assets/recipe_no_image.svg" cover height="60%"></v-img>
<v-card-title><v-skeleton-loader type="heading"></v-skeleton-loader></v-card-title>
<v-card-text>
<v-skeleton-loader type="subtitle"></v-skeleton-loader>
</v-card-text>
</v-card>
</template> </template>
</template> </template>