MirrorMirror
/
funkwhale
mirror of https://dev.funkwhale.audio/funkwhale/funkwhale.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat(style): show alt image messages on album picture

This commit is contained in:
ArneBo 2025-02-20 16:08:47 +01:00
parent 926f4695f3
commit b4bf4937a0
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
front/src/components/library/AlbumBase.vue
View File

@ -160,12 +160,12 @@ const remove = async () => {
<img <img
v-if="object.cover && object.cover.urls.original" v-if="object.cover && object.cover.urls.original"
v-lazy="store.getters['instance/absoluteUrl'](object.cover.urls.large_square_crop)" v-lazy="store.getters['instance/absoluteUrl'](object.cover.urls.large_square_crop)"
alt="" :alt="object.title"
class="channel-image" class="channel-image"
> />
<img <img
v-else-if="object.artist_credit && object.artist_credit[0] && object.artist_credit[0].artist.attachment_cover" v-else-if="object.artist_credit && object.artist_credit[0] && object.artist_credit[0].artist.attachment_cover"
alt="" :alt="object.artist_credit[0].artist.name"
class="channel-image" class="channel-image"
v-lazy="object.artist_credit[0].artist.attachment_cover.urls.large_square_crop" v-lazy="object.artist_credit[0].artist.attachment_cover.urls.large_square_crop"
/> />
@ -174,12 +174,12 @@ const remove = async () => {
alt="" alt=""
class="channel-image" class="channel-image"
src="../../assets/audio/default-cover.png" src="../../assets/audio/default-cover.png"
> />
<!-- ({target}) => target --> <!-- ({target}) => target -->
<!-- Header (TODO: Put into Header component) Hint: Header is heavier fontweight than h1! --> <!-- Header (TODO: Put into Header component) Hint: Header is heavier fontweight than h1! -->
<Layout stack style="flex: 1; gap: 8px;"> <Layout stack style="flex: 1; gap: 8px;">
<h1>{{ object.title }}</h1> <h1>{{ object.title }}</h1>
<Header :h1="object.title" /> <!-- <Header :h1="object.title" /> -->
<artist-credit-label <artist-credit-label
v-if="artistCredit" v-if="artistCredit"
:artist-credit="artistCredit" :artist-credit="artistCredit"