Created the StatusItem style

This commit is contained in:
Mathias Wagner 2022-09-12 21:45:44 +02:00
parent f48be0e60a
commit a6ef3fc887

View File

@ -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)