SheepstarStudio/Website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updated the shard styling on the status page

Browse Source
This commit is contained in:
Mathias Wagner 2022-09-30 22:19:04 +02:00
parent 8d28f5f905
commit ee08bc12d8
1 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/pages/Status/components/StatusItem/styles.sass
View File

@ -13,24 +13,23 @@
flex-grow: 15 flex-grow: 15
height: 5px height: 5px
border: none border: none
background-color: $gray background-color: $gray-white
border-radius: 50px border-radius: 50px
.shards .shards
display: flex display: flex
flex-wrap: wrap
.shard .shard
margin-top: 10px
margin-bottom: 20px
display: flex display: flex
justify-content: center justify-content: center
align-items: center align-items: center
color: $white color: $white
font-size: 24pt font-size: 24pt
font-weight: 700 font-weight: 700
margin-right: 25px margin: 10px 15px 20px
width: 80px width: 70px
height: 80px height: 70px
background-color: $lime background-color: $lime
border-radius: 15px border-radius: 15px
filter: drop-shadow(0px 0px 12px $lime) filter: drop-shadow(0px 0px 12px $lime)