From 81bb01b60bae3e9369c516fe2913989465a677a4 Mon Sep 17 00:00:00 2001
From: ArneBo <arne@ecobasa.org>
Date: Tue, 21 Jan 2025 19:38:13 +0100
Subject: [PATCH] feat(front): vinyl icon instead of image as a default
 fallback in album card

---
 front/src/components/album/Card.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/front/src/components/album/Card.vue b/front/src/components/album/Card.vue
index c012e40d3..35f57e317 100644
--- a/front/src/components/album/Card.vue
+++ b/front/src/components/album/Card.vue
@@ -8,6 +8,7 @@ import { momentFormat } from '~/utils/filters'
 import PlayButton from '~/components/audio/PlayButton.vue'
 import Card from '~/components/ui/Card.vue'
 import TagsList from '~/components/tags/List.vue'
+import Spacer from '~/components/ui/Spacer.vue'
 
 import type { Album } from '~/types'
 
@@ -49,7 +50,9 @@ const imageUrl = computed(() => props.album.cover?.urls.original
     :tags="album.tags"
     :to="{name: 'library.albums.detail', params: {id: album.id}}"
   >
-
+    <template #image v-if="!props.album.cover?.urls.original" style="background-color: gray;">
+      <i class="bi bi-vinyl-fill" style="font-size: 225px;"/>
+    </template>
     <template
       v-for="ac in album.artist_credit"
       :key="ac.artist.id"