diff options
| author |  Corentin Thomasset <corentin.thomasset74@gmail.com>
| 2023-04-19 21:38:59 +0200 |
|---|---|---|
| committer | Corentin THOMASSET <corentin.thomasset74@gmail.com>
| 2023-04-19 22:33:22 +0200 |
| commit | c45bce36f985a550d7bfad744099b601cb61e449 (patch) | |
| tree | 2c5e186db857776a06879dce7529b5396de214b1 /src/components/FavoriteButton.vue | |
| parent | df989e24b3937876f094301e33762677d604888a (diff) | |
| download | it-tools-c45bce36f985a550d7bfad744099b601cb61e449.tar.gz it-tools-c45bce36f985a550d7bfad744099b601cb61e449.tar.zst it-tools-c45bce36f985a550d7bfad744099b601cb61e449.zip | |
refactor(ui): getting ride of naive ui buttons
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> |