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

fix(front): make styles of album list, album detail and album card consistent

This commit is contained in:
ArneBo 2025-01-22 13:30:15 +01:00
parent d3e6e0a3e4
commit d1c21fa86d
3 changed files with 2 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
front/src/components/album/Card.vue
View File

@ -50,9 +50,6 @@ 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"

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

@ -20,6 +20,7 @@ import Layout from '~/components/ui/Layout.vue'
import Spacer from '~/components/ui/Spacer.vue' import Spacer from '~/components/ui/Spacer.vue'
import Loader from '~/components/ui/Loader.vue' import Loader from '~/components/ui/Loader.vue'
import Button from '~/components/ui/Button.vue' import Button from '~/components/ui/Button.vue'
import HumanDuration from '~/components/common/HumanDuration.vue'
import useErrorHandler from '~/composables/useErrorHandler' import useErrorHandler from '~/composables/useErrorHandler'
import useLogger from '~/composables/useLogger' import useLogger from '~/composables/useLogger'

2
front/src/components/library/Albums.vue
View File

@ -189,8 +189,8 @@ const paginateOptions = computed(() => sortedUniq([12, 30, 50, paginateBy.value]
</option> </option>
</select> </select>
</Layout> </Layout>
<Spacer />
<Loader v-if="isLoading"/> <Loader v-if="isLoading"/>
<Spacer />
<Layout grid <Layout grid
v-if="result && result.results.length > 0" v-if="result && result.results.length > 0"
style="display:flex; flex-wrap:wrap; gap: 32px; margin-top:32px;" style="display:flex; flex-wrap:wrap; gap: 32px; margin-top:32px;"