Created the Sidebar styles.sass
This commit is contained in:
parent
1c7833d09b
commit
b6982721e8
52
src/states/Manage/pages/Sidebar/styles.sass
Normal file
52
src/states/Manage/pages/Sidebar/styles.sass
Normal file
@ -0,0 +1,52 @@
|
||||
@import "@/common/styles/colors"
|
||||
|
||||
aside
|
||||
height: 100%
|
||||
background-color: $black
|
||||
|
||||
aside .header
|
||||
display: flex
|
||||
align-items: center
|
||||
justify-content: center
|
||||
padding: 0.5rem
|
||||
margin: 0.5rem
|
||||
cursor: pointer
|
||||
user-select: none
|
||||
|
||||
& img
|
||||
width: 2.6rem
|
||||
height: 2.6rem
|
||||
border-radius: 50%
|
||||
|
||||
& h1
|
||||
font-size: 1.6rem
|
||||
font-weight: 600
|
||||
margin: 0 0 0 0.5rem
|
||||
|
||||
|
||||
aside .header:hover
|
||||
background-color: darken($background, 10)
|
||||
border-radius: 1rem
|
||||
margin-left: 1rem
|
||||
margin-right: 1rem
|
||||
|
||||
.sidebar-item
|
||||
display: flex
|
||||
margin: 0.5rem 1rem
|
||||
align-items: center
|
||||
padding: 0.7rem 1rem
|
||||
border-radius: 1rem
|
||||
gap: 1rem
|
||||
cursor: pointer
|
||||
|
||||
& svg
|
||||
font-size: 1.4rem
|
||||
|
||||
& h1
|
||||
font-size: 1.3rem
|
||||
margin: 0
|
||||
|
||||
|
||||
.item-active
|
||||
display: flex
|
||||
background-color: $background
|
Loading…
x
Reference in New Issue
Block a user