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

feat(front): ghost trackfavorite icon in tracklist

This commit is contained in:
ArneBo 2025-01-24 02:54:18 +01:00
parent ef8d2f7ac2
commit 66a0d72870
2 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
front/src/components/audio/track/Row.vue
View File

@ -192,8 +192,7 @@ const hover = ref(false)
class="meta right floated column" class="meta right floated column"
> >
<track-favorite-icon <track-favorite-icon
class="tiny" ghost
:border="false"
:track="track" :track="track"
/> />
</div> </div>

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

@ -12,12 +12,14 @@ interface Props {
track?: QueueTrack | Track track?: QueueTrack | Track
button?: boolean button?: boolean
border?: boolean border?: boolean
ghost?: boolean
} }
const props = withDefaults(defineProps<Props>(), { const props = withDefaults(defineProps<Props>(), {
track: () => ({} as Track), track: () => ({} as Track),
button: false, button: false,
border: false border: false,
ghost: false
}) })
const { t } = useI18n() const { t } = useI18n()
@ -46,7 +48,8 @@ const title = computed(() => isFavorite.value
</Button> </Button>
<Button <Button
v-else v-else
ghost :ghost="ghost"
:secondary="!ghost"
icon="bi-heart-fill" icon="bi-heart-fill"
: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"