muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 12:56:41 +07:00
Code Packages Activity Actions

added profile sidebar just to test if I can

Browse source
This commit is contained in:
Fedor Katurov 2020-11-17 17:11:13 +07:00
parent b4edba1beb
commit d9a1b5cf13
10 changed files with 209 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

42
src/components/profile/ProfileSidebarMenu/styles.module.scss Normal file
View file

@ -0,0 +1,42 @@
.wrap {
display: flex;
align-items: stretch;
justify-content: center;
flex-direction: column;
margin: 0 $gap;
box-sizing: border-box;
box-shadow: $sidebar_border 0 0 0 1px;
border-radius: $radius;
background-color: transparentize(black, 0.9)
}
.row {
padding: $gap;
font: $font_18_semibold;
box-shadow: $sidebar_border 0 -1px;
cursor: pointer;
background-color: transparentize(black, 1);
transition: all 250ms;
display: flex;
align-items: center;
justify-content: flex-start;
height: 30px;
opacity: 0.5;
&:hover {
background-color: transparentize($wisegreen, 0.5);
opacity: 1;
}
&:first-child {
border-radius: $radius $radius 0 0;
}
&:last-child {
border-radius: 0 0 $radius $radius;
}
svg {
margin-right: $gap * 1.2;
}
}