Added space between value and percent sign

Also added space between number and percent sign to follow International System of Units (SI)
pull/645/head
Patrick Fruh 2020-06-09 20:59:22 +02:00
parent 7ce93c8cce
commit 1d5c2737aa
5 changed files with 7 additions and 7 deletions

View File

@ -55,7 +55,7 @@
show: false, show: false,
}, },
y: { y: {
formatter: (value) => { return value + "%" }, formatter: (value) => { return value + " %" },
}, },
}, },
title: { title: {

View File

@ -130,7 +130,7 @@
show: false, show: false,
}, },
y: { y: {
formatter: (value) => { return value + "%" }, formatter: (value) => { return value + " %" },
}, },
}, },
legend: { legend: {

View File

@ -23,7 +23,7 @@
<div v-if="service.online" class="col-3 text-left"> <div v-if="service.online" class="col-3 text-left">
<span class="text-success font-5 font-weight-bold"> <span class="text-success font-5 font-weight-bold">
{{service.online_24_hours.toString()}}% {{service.online_24_hours.toString()}} %
</span> </span>
<span class="font-2 d-block">Total Uptime</span> <span class="font-2 d-block">Total Uptime</span>
</div> </div>
@ -83,7 +83,7 @@
</router-link> </router-link>
</div> </div>
<div class="col-12 col-md-3 mb-2 mb-md-0 mt-0 mt-md-1"> <div class="col-12 col-md-3 mb-2 mb-md-0 mt-0 mt-md-1">
<span class="text-black-50 float-md-right">{{service.online_7_days}}% Uptime</span> <span class="text-black-50 float-md-right">{{service.online_7_days}} % Uptime</span>
</div> </div>
</div> </div>

View File

@ -72,7 +72,7 @@
show: false, show: false,
}, },
y: { y: {
formatter: (value) => { return value + "%" }, formatter: (value) => { return value + " %" },
}, },
}, },
title: { title: {

View File

@ -5,11 +5,11 @@
<span class="font-1 subtitle">Average Response</span> <span class="font-1 subtitle">Average Response</span>
</div> </div>
<div class="col-4"> <div class="col-4">
<span class="font-5 d-block font-weight-bold">{{service.online_24_hours}}%</span> <span class="font-5 d-block font-weight-bold">{{service.online_24_hours}} %</span>
<span class="font-1 subtitle">Uptime last 24 Hours</span> <span class="font-1 subtitle">Uptime last 24 Hours</span>
</div> </div>
<div class="col-4"> <div class="col-4">
<span class="font-5 d-block font-weight-bold">{{service.online_7_days}}%</span> <span class="font-5 d-block font-weight-bold">{{service.online_7_days}} %</span>
<span class="font-1 subtitle">Uptime last 7 Days</span> <span class="font-1 subtitle">Uptime last 7 Days</span>
</div> </div>
</div> </div>