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