mirrors/recipes
1
0
Fork 0
mirror of https://github.com/TandoorRecipes/recipes.git synced 2025-12-30 21:49:50 -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
parent 46d2b7730e
commit 83e9a2bbfb
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>
</template>
<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>