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