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

refactor(front): small library cards

This commit is contained in:
ArneBo 2025-01-29 22:04:54 +01:00
parent e1ce664c3d
commit 43195f4533
1 changed files with 4 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
front/src/views/content/remote/Card.vue
View File

@ -155,6 +155,7 @@ const isOpen = ref(false)
<Card <Card
:title="library.name" :title="library.name"
:to="{name: 'library.detail', params: {id: library.uuid}}" :to="{name: 'library.detail', params: {id: library.uuid}}"
small
> >
<template #topright> <template #topright>
<span <span
@ -277,16 +278,17 @@ const isOpen = ref(false)
</div> </div>
</div> </div>
<template #footer> <template #footer>
<div class="meta"> <Layout flex>
<span> <span>
<i class="bi bi-clock" /> <i class="bi bi-clock" />
<human-date :date="library.creation_date" /> <human-date :date="library.creation_date" />
</span> </span>
<i class="bi bi-dot" />
<span> <span>
<i class="bi bi-music-note-list" /> <i class="bi bi-music-note-list" />
{{ t('views.content.remote.Card.meta.tracks', library.uploads_count) }} {{ t('views.content.remote.Card.meta.tracks', library.uploads_count) }}
</span> </span>
</div> </Layout>
</template> </template>
<template #actions> <template #actions>
@ -351,15 +353,3 @@ const isOpen = ref(false)
</template> </template>
</Card> </Card>
</template> </template>
<style scoped>
.meta {
padding-left: 8px;
> span {
margin-right: 16px;
> i {
margin-right: 4px;
}
}
}
</style>