feat(front): vinyl icon instead of image as a default fallback in album card

This commit is contained in:
ArneBo 2025-01-21 19:38:13 +01:00
parent 5b11a558c0
commit 81bb01b60b
1 changed files with 4 additions and 1 deletions

View File

@ -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"