From a6ef3fc887aab391b90f387979c2b89539d6f822 Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Mon, 12 Sep 2022 21:45:44 +0200
Subject: [PATCH] Created the StatusItem style

---
 .../Status/components/StatusItem/styles.sass  | 40 +++++++++++++++++++
 1 file changed, 40 insertions(+)
 create mode 100644 src/pages/Status/components/StatusItem/styles.sass

diff --git a/src/pages/Status/components/StatusItem/styles.sass b/src/pages/Status/components/StatusItem/styles.sass
new file mode 100644
index 0000000..40f3866
--- /dev/null
+++ b/src/pages/Status/components/StatusItem/styles.sass
@@ -0,0 +1,40 @@
+@import "@/common/styles/colors"
+
+.status-title
+  display: flex
+  flex-direction: row
+  align-items: center
+
+.status-title h2
+  color: $white
+  flex-grow: 1
+
+.status-title hr
+  flex-grow: 15
+  height: 5px
+  border: none
+  background-color: $gray
+  border-radius: 50px
+
+.shards
+  display: flex
+
+.shard
+  margin-top: 10px
+  margin-bottom: 20px
+  display: flex
+  justify-content: center
+  align-items: center
+  color: $white
+  font-size: 24pt
+  font-weight: 700
+  margin-right: 25px
+  width: 80px
+  height: 80px
+  background-color: $lime
+  border-radius: 15px
+  filter: drop-shadow(0px 0px 12px $lime)
+
+.shard-inactive
+  background-color: $red
+  filter: drop-shadow(0px 0px 12px $red)
\ No newline at end of file