Created the Chooser styles.sass
This commit is contained in:
parent
81c7745168
commit
335331b9c0
54
src/states/Manage/pages/Chooser/styles.sass
Normal file
54
src/states/Manage/pages/Chooser/styles.sass
Normal file
@ -0,0 +1,54 @@
|
|||||||
|
@import "@/common/styles/colors"
|
||||||
|
|
||||||
|
.chooser-header
|
||||||
|
margin-top: 5rem
|
||||||
|
justify-content: center
|
||||||
|
display: flex
|
||||||
|
align-items: center
|
||||||
|
gap: 1rem
|
||||||
|
|
||||||
|
.chooser-header img
|
||||||
|
width: 3.5rem
|
||||||
|
height: 3.5rem
|
||||||
|
|
||||||
|
.chooser-header h1
|
||||||
|
margin: 0
|
||||||
|
font-size: 26pt
|
||||||
|
|
||||||
|
.chooser-header hr
|
||||||
|
margin: 0
|
||||||
|
border: none
|
||||||
|
width: 0.2rem
|
||||||
|
height: 2rem
|
||||||
|
border-radius: 1rem
|
||||||
|
background-color: $gray
|
||||||
|
|
||||||
|
.chooser-header h2
|
||||||
|
margin: 0
|
||||||
|
font-size: 20pt
|
||||||
|
color: $gray
|
||||||
|
|
||||||
|
.guilds
|
||||||
|
display: flex
|
||||||
|
justify-content: center
|
||||||
|
flex-wrap: wrap
|
||||||
|
gap: 1rem
|
||||||
|
margin-top: 2rem
|
||||||
|
|
||||||
|
.chooser-page .guild
|
||||||
|
display: flex
|
||||||
|
align-items: center
|
||||||
|
justify-content: space-between
|
||||||
|
background-color: $black
|
||||||
|
width: 60vw
|
||||||
|
border-radius: 1rem
|
||||||
|
padding: 1rem
|
||||||
|
|
||||||
|
& img
|
||||||
|
width: 5rem
|
||||||
|
height: 5rem
|
||||||
|
border-radius: 50%
|
||||||
|
|
||||||
|
.info-area
|
||||||
|
display: flex
|
||||||
|
gap: 1.5rem
|
Loading…
x
Reference in New Issue
Block a user