From d9dc44063ff128d9e80e50bec36d36b4c12e8571 Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Wed, 7 May 2025 18:22:05 +0200
Subject: [PATCH] chore: added tooltips to external app links

---
 src/views/StationsView.vue | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/views/StationsView.vue b/src/views/StationsView.vue
index d0dbb8d..6e5e62a 100644
--- a/src/views/StationsView.vue
+++ b/src/views/StationsView.vue
@@ -17,18 +17,20 @@
             class="a-button btn--image gnr-link"
             href="https://generator-td2.web.app/"
             target="_blank"
+            data-tooltip-type="HtmlTooltip"
+            :data-tooltip-content="`<b>${$t('app.gnr-link-content')}</b>`"
           >
             <img src="/images/icon-gnr.svg" alt="GeneraTOR app icon" />
-            <span>{{ $t('app.gnr-link-content') }}</span>
           </a>
 
           <a
             class="a-button btn--image pojazdownik-link"
             href="https://pojazdownik-td2.web.app/"
             target="_blank"
+            data-tooltip-type="HtmlTooltip"
+            :data-tooltip-content="`<b>${$t('app.pojazdownik-link-content')}</b>`"
           >
             <img src="/images/icon-pojazdownik.svg" alt="Pojazdownik app icon" />
-            <span>{{ $t('app.pojazdownik-link-content') }}</span>
           </a>
 
           <button
@@ -132,8 +134,13 @@ export default defineComponent({
 
 button.donation-button {
   margin-left: auto;
-  background: #833AB4;
-  background: linear-gradient(120deg, rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 50%, rgba(131, 58, 180, 1) 100%);
+  background: #833ab4;
+  background: linear-gradient(
+    120deg,
+    rgba(131, 58, 180, 1) 0%,
+    rgba(253, 29, 29, 1) 50%,
+    rgba(131, 58, 180, 1) 100%
+  );
   transition: background 300ms;
   background-size: 300%;