diff --git a/frontend_vue/index.html b/frontend_vue/index.html
index 651d6397f..974dcf90d 100644
--- a/frontend_vue/index.html
+++ b/frontend_vue/index.html
@@ -2,6 +2,46 @@
+
+
+
+
+
+
+
+
+
+
-
+
+
+
@@ -156,7 +157,7 @@ const isGenerateTokenError = ref(false);
const errorMessage = ref('');
const isLoadngSubmit = ref(false);
const isLoading = ref(false);
-const showTooltip = ref(true);
+const showTooltip = ref(false);
// Stack to keep track of loaded components
// Used for Modal navigation
const componentStack = ref([]);
@@ -164,10 +165,6 @@ const componentStack = ref([]);
onMounted(() => {
// Keep track of loaded components
componentStack.value.push(modalType.value);
- // Show tooltip 'How does it work' for 2 seconds on Modal opening
- setTimeout(() => {
- showTooltip.value = false;
- }, 2000);
});
const title = computed(() => {
@@ -291,4 +288,14 @@ watch(
},
{ deep: true }
);
+
+// Show tooltip 'How does it work' for 2 seconds on loaded modal
+watch(isLoading, () => {
+ if (isLoading.value === false) {
+ showTooltip.value = true;
+ setTimeout(() => {
+ showTooltip.value = false;
+ }, 2000);
+ }
+});
diff --git a/frontend_vue/src/components/base/BaseButtonHowToDeploy.vue b/frontend_vue/src/components/base/BaseButtonHowToDeploy.vue
index c222d2dd1..7c284a428 100644
--- a/frontend_vue/src/components/base/BaseButtonHowToDeploy.vue
+++ b/frontend_vue/src/components/base/BaseButtonHowToDeploy.vue
@@ -5,10 +5,12 @@
shown: isOpen,
triggers: ['hover'],
}"
- class="w-24 h-24 text-sm duration-150 bg-transparent border border-solid rounded-full hover:text-white border-grey-300 hover:bg-green-600 hover:border-green-300"
+ class="w-24 h-24 text-sm duration-150 bg-transparent border border-solid rounded-full hover:text-white hover:bg-green-600 hover:border-green-300"
:class="[
size === 'small' ? 'w-[0.5rem] h-[0.5rem]' : 'w-24 h-24',
- isOpen ? 'bg-green-600 border-green-300 text-white' : 'text-grey-300',
+ isOpen
+ ? 'bg-green-600 border-green-300 text-white'
+ : 'text-grey-300 border-grey-300',
]"
:aria-label="`How does ${tokenName} work?`"
@click="emits('click')"
diff --git a/frontend_vue/src/components/ui/AppFooter.vue b/frontend_vue/src/components/ui/AppFooter.vue
index 0a71aca9f..558f62d18 100644
--- a/frontend_vue/src/components/ui/AppFooter.vue
+++ b/frontend_vue/src/components/ui/AppFooter.vue
@@ -1,14 +1,14 @@