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

39
src/components/profile/ProfileSidebarInfo/styles.module.scss Normal file
View file

@ -0,0 +1,39 @@
.wrap.wrap {
justify-content: center;
align-items: center;
box-sizing: border-box;
position: relative;
flex: 0 0 100px;
display: flex;
margin: $gap;
box-shadow: transparentize(white, 0.95) 0 0 0 1px;
border-radius: $radius;
background: transparentize(black, 0.8);
}
.avatar {
border-radius: $radius;
width: 100px;
height: 100px;
background-size: cover;
position: relative;
flex: 0 0 100px;
left: -$gap;
margin-right: 10px;
}
.field {
flex: 1;
padding: $gap;
}
.name {
font: $font_24_bold;
margin-bottom: 4px;
}
.description {
color: transparentize($color: white, $amount: 0.7);
font: $font_14_regular;
text-transform: lowercase;
}