From 83e9a2bbfb75cd07f4ea08156780cd95d19cf0be Mon Sep 17 00:00:00 2001
From: vabene1111 <vabene1234@googlemail.com>
Date: Mon, 18 Mar 2024 15:58:48 +0100
Subject: [PATCH] card skeleton loader improvement

---
 vue3/src/components/display/RecipeCard.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/vue3/src/components/display/RecipeCard.vue b/vue3/src/components/display/RecipeCard.vue
index 787b4c196..067ac8411 100644
--- a/vue3/src/components/display/RecipeCard.vue
+++ b/vue3/src/components/display/RecipeCard.vue
@@ -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>