Created the Sidebar styles.sass

This commit is contained in:
Mathias Wagner 2023-11-13 20:09:56 +01:00
parent 1c7833d09b
commit b6982721e8
Signed by: Mathias
GPG Key ID: B8DC354B0A1F5B44

View 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