diff options
Diffstat (limited to 'src/components/FavoriteButton.vue')
| -rw-r--r-- | src/components/FavoriteButton.vue | 14 |
1 files changed, 9 insertions, 5 deletions
diff --git a/src/components/FavoriteButton.vue b/src/components/FavoriteButton.vue index 4b7f561..60b2a2b 100644 --- a/src/components/FavoriteButton.vue +++ b/src/components/FavoriteButton.vue @@ -1,11 +1,15 @@ <template> <n-tooltip trigger="hover"> <template #trigger> - <n-button circle quaternary :type="buttonType" :style="{ opacity: isFavorite ? 1 : 0.2 }" @click="toggleFavorite"> - <template #icon> - <n-icon :component="FavoriteFilled" /> - </template> - </n-button> + <c-button + variant="text" + circle + :type="buttonType" + :style="{ opacity: isFavorite ? 1 : 0.2 }" + @click="toggleFavorite" + > + <n-icon :component="FavoriteFilled" /> + </c-button> </template> {{ isFavorite ? 'Remove from favorites' : 'Add to favorites' }} </n-tooltip> |