phares3757/gatus
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Minor responsiveness improvements

Browse Source
This commit is contained in:
TwinProduction 2021-01-31 18:02:13 -05:00
parent 4362831f71
commit 9186049589
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
web/app/src/views/Details.vue
View File

@ -4,14 +4,14 @@
</router-link> </router-link>
<div> <div>
<slot v-if="serviceStatus"> <slot v-if="serviceStatus">
<h1 class="text-3xl text-monospace text-gray-400">RECENT CHECKS</h1> <h1 class="text-xl xl:text-3xl text-monospace text-gray-400">RECENT CHECKS</h1>
<hr class="mb-4" /> <hr class="mb-4" />
<Service :data="serviceStatus" :maximumNumberOfResults="20" @showTooltip="showTooltip" /> <Service :data="serviceStatus" :maximumNumberOfResults="20" @showTooltip="showTooltip" />
</slot> </slot>
<div v-if="serviceStatus.uptime" class="mt-12"> <div v-if="serviceStatus.uptime" class="mt-12">
<h1 class="text-3xl text-monospace text-gray-400">UPTIME</h1> <h1 class="text-xl xl:text-3xl text-monospace text-gray-400">UPTIME</h1>
<hr /> <hr />
<div class="flex space-x-4 text-center text-2xl mt-5"> <div class="flex space-x-4 text-center text-xl xl:text-2xl mt-3">
<div class="flex-1"> <div class="flex-1">
{{ prettifyUptime(serviceStatus.uptime['7d']) }} {{ prettifyUptime(serviceStatus.uptime['7d']) }}
<h2 class="text-sm text-gray-400">Last 7 days</h2> <h2 class="text-sm text-gray-400">Last 7 days</h2>
@ -40,7 +40,7 @@
</div> </div>
</div> </div>
<div> <div>
<h1 class="text-3xl text-monospace text-gray-400 mt-4">EVENTS</h1> <h1 class="text-xl xl:text-3xl text-monospace text-gray-400 mt-4">EVENTS</h1>
<hr class="mb-4" /> <hr class="mb-4" />
<div> <div>
<slot v-for="event in events" :key="event"> <slot v-for="event in events" :key="event">