diff --git a/src/states/Manage/pages/Sidebar/styles.sass b/src/states/Manage/pages/Sidebar/styles.sass new file mode 100644 index 0000000..f7e4eb0 --- /dev/null +++ b/src/states/Manage/pages/Sidebar/styles.sass @@ -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 \ No newline at end of file