feat(front): vinyl icon instead of image as a default fallback in album card
This commit is contained in:
parent
5b11a558c0
commit
81bb01b60b
|
@ -8,6 +8,7 @@ import { momentFormat } from '~/utils/filters'
|
||||||
import PlayButton from '~/components/audio/PlayButton.vue'
|
import PlayButton from '~/components/audio/PlayButton.vue'
|
||||||
import Card from '~/components/ui/Card.vue'
|
import Card from '~/components/ui/Card.vue'
|
||||||
import TagsList from '~/components/tags/List.vue'
|
import TagsList from '~/components/tags/List.vue'
|
||||||
|
import Spacer from '~/components/ui/Spacer.vue'
|
||||||
|
|
||||||
import type { Album } from '~/types'
|
import type { Album } from '~/types'
|
||||||
|
|
||||||
|
@ -49,7 +50,9 @@ const imageUrl = computed(() => props.album.cover?.urls.original
|
||||||
:tags="album.tags"
|
:tags="album.tags"
|
||||||
:to="{name: 'library.albums.detail', params: {id: album.id}}"
|
: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
|
<template
|
||||||
v-for="ac in album.artist_credit"
|
v-for="ac in album.artist_credit"
|
||||||
:key="ac.artist.id"
|
:key="ac.artist.id"
|
||||||
|
|
Loading…
Reference in New Issue