ui: Render div instead of a when link is blank (#346)

Fixes #343
2024-11-07 08:34:15 +01:00 · 2022-10-17 00:03:15 -04:00 · 2022-10-17 00:03:15 -04:00 · a789deb8c2
commit a789deb8c2
parent e5a94979dd
3 changed files with 4 additions and 4 deletions
--- a/web/app/src/App.vue
+++ b/web/app/src/App.vue
@ -7,10 +7,10 @@
          <div class="text-3xl xl:text-5xl lg:text-4xl font-light">{{ header }}</div>
        </div>
        <div class="w-1/4 flex justify-end">
-          <a :href="link" target="_blank" style="width:100px">
+          <component :is="link ? 'a' : 'div'" :href="link" target="_blank" style="width:100px">
            <img v-if="logo" :src="logo" alt="Gatus" class="object-scale-down" style="max-width: 100px; min-width: 50px; min-height:50px;" />
            <img v-else src="./assets/logo.svg" alt="Gatus" class="object-scale-down" style="max-width: 100px; min-width: 50px; min-height:50px;" />
-          </a>
+          </component>
        </div>
      </div>
      <div v-if="buttons" class="flex flex-wrap">
--- a/web/static/js/app.js
+++ b/web/static/js/app.js
--- a/web/static/js/chunk-vendors.js
+++ b/web/static/js/chunk-vendors.js