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

feat(ui): ghost option buttons

This commit is contained in:
ArneBo 2025-01-19 17:21:10 +01:00
parent e920babef6
commit a8b2368676
3 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
front/src/components/audio/PlayButton.vue
View File

@ -118,6 +118,7 @@ const isOpen = ref(false)
<OptionsButton <OptionsButton
v-if="dropdownOnly" v-if="dropdownOnly"
@click="isOpen = !isOpen" @click="isOpen = !isOpen"
ghost
/> />
<Button <Button
v-else v-else

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

@ -115,7 +115,7 @@ const attributes = computed(() =>
color: var(--fw-text-color); color: var(--fw-text-color);
background-color: var(--fw-bg-color); background-color: var(--fw-bg-color);
box-shadow: 0px 4px 6px 0px rgb(0 0 0 / 20%); box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 20%);
border-radius: var(--fw-border-radius); border-radius: var(--fw-border-radius);
font-size: 1rem; font-size: 1rem;
@ -194,7 +194,6 @@ const attributes = computed(() =>
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
padding: 14px;
} }
>.alert { >.alert {

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

@ -173,6 +173,7 @@ const isOpen = ref(false)
<template #default="{ toggleOpen }"> <template #default="{ toggleOpen }">
<OptionsButton <OptionsButton
@click="toggleOpen" @click="toggleOpen"
ghost
/> />
</template> </template>
<template #items> <template #items>