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

added user profile popup

Browse source
This commit is contained in:
Fedor Katurov 2021-09-22 17:54:51 +07:00
parent 43450dff54
commit 1242c04587
10 changed files with 162 additions and 57 deletions
Download patch file Download diff file Expand all files Collapse all files

42
src/components/comment/CommentAvatar/styles.module.scss
View file

@ -1,19 +1,33 @@
@import "~/styles/variables";
@import "~/styles/variables.scss";
.avatar {
@keyframes appear {
0% { opacity: 0 }
100% { opacity: 1 }
}
.popper {
@include outer_shadow;
width: $comment_height;
height: $comment_height;
background-color: transparentize(black, 0.9);
flex-shrink: 0;
overflow: hidden;
background-color: darken($content_bg, 4%);
padding: $gap;
box-sizing:border-box;
z-index: 4;
touch-action: none;
pointer-events: none;
border-radius: $radius;
background-position: center;
background-size: cover;
cursor: pointer;
img {
object-fit: cover;
}
animation: appear forwards 250ms;
}
.username {
font: $font_18_semibold;
line-height: 1.25em;
}
.description {
@include clamp(2, 12px);
font: $font_12_regular;
opacity: 0.5;
margin-top: 3px;
line-height: 1.25em;
}