Created the StatusItem style

2022-09-12 21:45:44 +02:00 · 2022-09-12 21:45:44 +02:00 · a6ef3fc887
commit a6ef3fc887
parent f48be0e60a
1 changed files with 40 additions and 0 deletions
--- a/src/pages/Status/components/StatusItem/styles.sass
+++ 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)