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

feat(style): favorite icon toggle outline / filled

This commit is contained in:
ArneBo 2025-02-14 18:12:19 +01:00
parent 22e64c8a9b
commit b933a3f88c
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
front/src/components/favorites/TrackFavoriteIcon.vue
View File

@ -35,7 +35,7 @@ const title = computed(() => isFavorite.value
<template> <template>
<Button <Button
v-if="button" v-if="button"
icon="bi-heart-fill" :icon="isFavorite ? 'bi-heart-fill' : 'bi-heart'"
:class="['ui', 'pink', {'inverted': isFavorite}, {'favorited': isFavorite}, 'icon', 'labeled', 'button']" :class="['ui', 'pink', {'inverted': isFavorite}, {'favorited': isFavorite}, 'icon', 'labeled', 'button']"
@click.stop="store.dispatch('favorites/toggle', track.id)" @click.stop="store.dispatch('favorites/toggle', track.id)"
> >
@ -50,7 +50,7 @@ const title = computed(() => isFavorite.value
v-else v-else
:ghost="ghost" :ghost="ghost"
:secondary="!ghost" :secondary="!ghost"
icon="bi-heart-fill" :icon="isFavorite ? 'bi-heart-fill' : 'bi-heart'"
:class="['ui', 'favorite-icon', {'pink': isFavorite}, {'favorited': isFavorite}, 'basic', 'circular', 'icon', {'really': !border}, 'button']" :class="['ui', 'favorite-icon', {'pink': isFavorite}, {'favorited': isFavorite}, 'basic', 'circular', 'icon', {'really': !border}, 'button']"
:aria-label="title" :aria-label="title"
:title="title" :title="title"