diff options
| author |  Corentin THOMASSET <corentin.thomasset74@gmail.com>
| 2023-10-14 18:24:54 +0200 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2023-10-14 16:24:54 +0000 |
| commit | 025f556023c29f8f31dc00870c80a9d790bbb2f4 (patch) | |
| tree | 2886353373cc17b24f97c31f6e8880fd335c443c /src/components/FavoriteButton.vue | |
| parent | 2d2dffb14a2b51f931934055b5a59e51a070ff93 (diff) | |
| download | it-tools-025f556023c29f8f31dc00870c80a9d790bbb2f4.tar.gz it-tools-025f556023c29f8f31dc00870c80a9d790bbb2f4.tar.zst it-tools-025f556023c29f8f31dc00870c80a9d790bbb2f4.zip | |
refactor(ui): switched naive tooltip components to custom ones (#661)
Diffstat (limited to 'src/components/FavoriteButton.vue')
| -rw-r--r-- | src/components/FavoriteButton.vue | 27 |
1 files changed, 11 insertions, 16 deletions
diff --git a/src/components/FavoriteButton.vue b/src/components/FavoriteButton.vue index ef180a6..c3f0aaa 100644 --- a/src/components/FavoriteButton.vue +++ b/src/components/FavoriteButton.vue @@ -1,6 +1,4 @@ <script setup lang="ts"> -import { FavoriteFilled } from '@vicons/material'; - import { useToolStore } from '@/tools/tools.store'; import type { Tool } from '@/tools/tools.types'; @@ -26,18 +24,15 @@ function toggleFavorite(event: MouseEvent) { </script> <template> - <n-tooltip trigger="hover"> - <template #trigger> - <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> + <c-tooltip :tooltip="isFavorite ? 'Remove from favorites' : 'Add to favorites' "> + <c-button + variant="text" + circle + :type="buttonType" + :style="{ opacity: isFavorite ? 1 : 0.2 }" + @click="toggleFavorite" + > + <icon-mdi-heart /> + </c-button> + </c-tooltip> </template> |