ui: Fix issue back button appearing over title when logo is too small

This commit is contained in:
TwiN 2023-10-31 19:44:54 -04:00
parent 802ad7ff8f
commit 5a16151bba
2 changed files with 4 additions and 4 deletions

View File

@ -7,7 +7,7 @@
<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">
<component :is="link ? 'a' : 'div'" :href="link" target="_blank" style="width:100px"> <component :is="link ? 'a' : 'div'" :href="link" target="_blank" class="flex items-center justify-center" style="width:100px;min-height: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;" />
</component> </component>

File diff suppressed because one or more lines are too long