Show pool condition as a badge

Looks nicer
This commit is contained in:
Eli Ribble 2026-02-16 17:59:35 +00:00
parent a65f1e0776
commit 57a45d5ea2
No known key found for this signature in database
2 changed files with 17 additions and 2 deletions

View file

@ -198,7 +198,11 @@ document.addEventListener('DOMContentLoaded', onLoad);
>
</td>
{{ end }}
<td>{{ .Condition }}</td>
<td>
<span class="badge bg-{{ .Condition }} status-badge"
>{{ .Condition }}</span
>
</td>
<td>{{ len .Tags }}</td>
</tr>
{{ end }}

View file

@ -1,4 +1,15 @@
.bg-empty {
background-color: #9C9BC0;
}
.bg-green {
background-color: #7AAB5F;
}
.bg-murky {
background-color: #D2E3CA;
}
.bg-unknown {
background-color: #F7CBA1;
}
.summary-card {
transition: transform 0.2s;
}