extern/gatus
1
0
Fork 0
mirror of https://github.com/TwiN/gatus.git synced 2024-11-21 23:43:27 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix(badge): Regenerate assets and tweak health badge width

Browse Source
This commit is contained in:
TwiN 2022-06-20 14:27:05 -04:00
parent a3e35c862c
commit d1ced94030
5 changed files with 17 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
controller/handler/badge.go
View File

@ -266,9 +266,9 @@ func generateHealthBadgeSVG(healthStatus string) []byte {
var labelWidth, valueWidth int var labelWidth, valueWidth int
switch healthStatus { switch healthStatus {
case HealthStatusUp: case HealthStatusUp:
valueWidth = 18 valueWidth = 28
case HealthStatusDown: case HealthStatusDown:
valueWidth = 36 valueWidth = 44
case HealthStatusUnknown: case HealthStatusUnknown:
valueWidth = 10 valueWidth = 10
default: default:
@ -294,10 +294,10 @@ func generateHealthBadgeSVG(healthStatus string) []byte {
</g> </g>
<g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11"> <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">
<text x="%d" y="15" fill="#010101" fill-opacity=".3"> <text x="%d" y="15" fill="#010101" fill-opacity=".3">
status health
</text> </text>
<text x="%d" y="14"> <text x="%d" y="14">
status health
</text> </text>
<text x="%d" y="15" fill="#010101" fill-opacity=".3"> <text x="%d" y="15" fill="#010101" fill-opacity=".3">
%s %s

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

@ -20,10 +20,6 @@
<h1 class="text-xl xl:text-3xl font-mono text-gray-400">UPTIME</h1> <h1 class="text-xl xl:text-3xl font-mono text-gray-400">UPTIME</h1>
<hr/> <hr/>
<div class="flex space-x-4 text-center text-2xl mt-6 relative bottom-2 mb-10"> <div class="flex space-x-4 text-center text-2xl mt-6 relative bottom-2 mb-10">
<div class="flex-1">
<h2 class="text-sm text-gray-400 mb-1">Now</h2>
<img :src="generateHealthBadgeImageURL()" alt="health badge" class="mx-auto"/>
</div>
<div class="flex-1"> <div class="flex-1">
<h2 class="text-sm text-gray-400 mb-1">Last 7 days</h2> <h2 class="text-sm text-gray-400 mb-1">Last 7 days</h2>
<img :src="generateUptimeBadgeImageURL('7d')" alt="7d uptime badge" class="mx-auto"/> <img :src="generateUptimeBadgeImageURL('7d')" alt="7d uptime badge" class="mx-auto"/>
@ -57,9 +53,18 @@
</div> </div>
</div> </div>
</div> </div>
<div v-if="endpointStatus && endpointStatus.key">
<h1 class="text-xl xl:text-3xl font-mono text-gray-400 mt-4">CURRENT HEALTH</h1>
<hr />
<div class="flex space-x-4 text-center text-2xl mt-6 relative bottom-2 mb-10">
<div class="flex-1">
<img :src="generateHealthBadgeImageURL()" alt="health badge" class="mx-auto"/>
</div>
</div>
</div>
<div v-if="endpointStatus && endpointStatus.key"> <div v-if="endpointStatus && endpointStatus.key">
<h1 class="text-xl xl:text-3xl font-mono text-gray-400 mt-4">EVENTS</h1> <h1 class="text-xl xl:text-3xl font-mono text-gray-400 mt-4">EVENTS</h1>
<hr class="mb-4"/> <hr />
<div> <div>
<slot v-for="event in events" :key="event"> <slot v-for="event in events" :key="event">
<div class="p-3 my-4"> <div class="p-3 my-4">

2
web/static/css/app.css
View File

File diff suppressed because one or more lines are too long

2
web/static/js/app-legacy.js
View File

File diff suppressed because one or more lines are too long

2
web/static/js/app.js
View File

File diff suppressed because one or more lines are too long