7x31/uptime-kuma
1
0
Fork 0
mirror of https://github.com/louislam/uptime-kuma.git synced 2025-10-31 19:39:20 +08:00
Code Issues Packages Projects Releases Wiki Activity

Gray out label for up/down/maintenance labels when they are zero (#3037)

Browse Source 
Co-authored-by: Frank Elsinga <frank@elsinga.de>
This commit is contained in:
Jed Fox
2024-05-19 14:01:14 -07:00
committed by GitHub
parent a581a85633
commit 668e8bafed
1 changed files with 18 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/pages/DashboardHome.vue
View File

@@ -9,15 +9,30 @@
<div class="row">
<div class="col">
<h3>{{ $t("Up") }}</h3>
<span class="num">{{ $root.stats.up }}</span>
<span
class="num"
:class="$root.stats.up === 0 && 'text-secondary'"
>
{{ $root.stats.up }}
</span>
</div>
<div class="col">
<h3>{{ $t("Down") }}</h3>
<span class="num text-danger">{{ $root.stats.down }}</span>
<span
class="num"
:class="$root.stats.down > 0 ? 'text-danger' : 'text-secondary'"
>
{{ $root.stats.down }}
</span>
</div>
<div class="col">
<h3>{{ $t("Maintenance") }}</h3>
<span class="num text-maintenance">{{ $root.stats.maintenance }}</span>
<span
class="num"
:class="$root.stats.maintenance > 0 ? 'text-maintenance' : 'text-secondary'"
>
{{ $root.stats.maintenance }}
</span>
</div>
<div class="col">
<h3>{{ $t("Unknown") }}</h3>