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

Fixes #343
This commit is contained in:
TwiN 2022-10-17 00:03:15 -04:00 committed by GitHub
parent e5a94979dd
commit a789deb8c2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 4 additions and 4 deletions

View File

@ -7,10 +7,10 @@
<div class="text-3xl xl:text-5xl lg:text-4xl font-light">{{ header }}</div> <div class="text-3xl xl:text-5xl lg:text-4xl font-light">{{ header }}</div>
</div> </div>
<div class="w-1/4 flex justify-end"> <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-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;" /> <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> </div>
<div v-if="buttons" class="flex flex-wrap"> <div v-if="buttons" class="flex flex-wrap">

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long