From f1d7b359126f25e897935bcca187f2ffe530148c Mon Sep 17 00:00:00 2001
From: Neshura <neshura@proton.me>
Date: Sun, 11 Dec 2022 18:38:17 +0100
Subject: [PATCH] Changes to stylesheet

added loading state as well as image style
---
 styles/Home.module.css | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/styles/Home.module.css b/styles/Home.module.css
index bd05f45..0c0bcfc 100644
--- a/styles/Home.module.css
+++ b/styles/Home.module.css
@@ -118,14 +118,18 @@
   max-width: 80%;
 }
 
-.contentoffline {
+.statusOffline {
   color: var(--def-red);
 }
 
-.contentonline {
+.statusOnline {
   color: var(--def-green);
 }
 
+.statusLoading {
+  color: var(--def-orange);
+}
+
 .contentcard {
   margin: 1rem;
   padding: 1rem;
@@ -159,6 +163,19 @@
   border-color: var(--def-orange);
 }
 
+.contentTitle {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+}
+
+.contentIcon {
+  position: relative;
+  aspect-ratio: 1;
+  height: 3rem;
+}
+
 .card {
   margin: 1rem;
   padding: 1.5rem;