aboutsummaryrefslogtreecommitdiff
path: root/src/tools/otp-code-generator-and-validator/otp-code-generator-and-validator.vue
diff options
context:
space:
mode:
authorGravatar Corentin THOMASSET <corentin.thomasset74@gmail.com> 2023-10-14 18:24:54 +0200
committerGravatar GitHub <noreply@github.com> 2023-10-14 16:24:54 +0000
commit025f556023c29f8f31dc00870c80a9d790bbb2f4 (patch)
tree2886353373cc17b24f97c31f6e8880fd335c443c /src/tools/otp-code-generator-and-validator/otp-code-generator-and-validator.vue
parent2d2dffb14a2b51f931934055b5a59e51a070ff93 (diff)
downloadit-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/tools/otp-code-generator-and-validator/otp-code-generator-and-validator.vue')
-rw-r--r--src/tools/otp-code-generator-and-validator/otp-code-generator-and-validator.vue15
1 files changed, 6 insertions, 9 deletions
diff --git a/src/tools/otp-code-generator-and-validator/otp-code-generator-and-validator.vue b/src/tools/otp-code-generator-and-validator/otp-code-generator-and-validator.vue
index 7b26a09..6bd881c 100644
--- a/src/tools/otp-code-generator-and-validator/otp-code-generator-and-validator.vue
+++ b/src/tools/otp-code-generator-and-validator/otp-code-generator-and-validator.vue
@@ -61,19 +61,16 @@ const secretValidationRules = [
:validation-rules="secretValidationRules"
>
<template #suffix>
- <n-tooltip trigger="hover">
- <template #trigger>
- <c-button circle variant="text" size="small" @click="refreshSecret">
- <icon-mdi-refresh />
- </c-button>
- </template>
- Generate secret token
- </n-tooltip>
+ <c-tooltip tooltip="Generate a new random secret">
+ <c-button circle variant="text" size="small" @click="refreshSecret">
+ <icon-mdi-refresh />
+ </c-button>
+ </c-tooltip>
</template>
</c-input-text>
<div>
- <TokenDisplay :tokens="tokens" style="margin-top: 2px" />
+ <TokenDisplay :tokens="tokens" />
<n-progress :percentage="(100 * interval) / 30" :color="theme.primaryColor" :show-indicator="false" />
<div style="text-align: center">