Created the StatusItem style
This commit is contained in:
parent
f48be0e60a
commit
a6ef3fc887
40
src/pages/Status/components/StatusItem/styles.sass
Normal file
40
src/pages/Status/components/StatusItem/styles.sass
Normal 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)
|
Loading…
x
Reference in New Issue
Block a user