add statuses

1 files changed, 31 insertions, 0 deletions

diff --git a/public/assets/app.css b/public/assets/app.css
index 19ac418..53949e6 100644
--- a/public/assets/app.css
+++ b/public/assets/app.css
@@ -287,3 +287,34 @@
   transition: all 0.2s ease-in-out;
   filter: brightness(100%) drop-shadow(0 0 0.5em #647089);
 }
+
+.service-group {
+  display: grid;
+  grid-template-columns: auto auto auto;
+  justify-content: space-around;
+}
+
+.service-info {
+  width: 200px;
+  height: 64px;
+  border: 2px solid var(--color-fg);
+  border-radius: 8px;
+  margin: 4px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.service-status {
+  margin-left: 8px;
+}
+
+.service-status-unknown {
+  color: var(--color-blue);
+}
+.service-status-online {
+  color: var(--color-light-green);
+}
+.service-status-offline {
+  color: var(--color-light-red);
+}