moon
/
pleroma-fe
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update and fix avatar shadow in user card

This commit is contained in:
Henry Jameson 2020-10-29 20:03:53 +02:00
parent a84db4bd8f
commit 8225717a7c
2 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/user_avatar/user_avatar.vue
View File

@ -20,11 +20,14 @@
@import '../../_variables.scss'; @import '../../_variables.scss';
.Avatar { .Avatar {
--_avatarShadowBox: var(--avatarStatusShadow);
--_avatarShadowFilter: var(--avatarStatusShadowFilter);
--_avatarShadowInset: var(--avatarStatusShadowInset);
--still-image-label-visibility: hidden; --still-image-label-visibility: hidden;
width: 48px; width: 48px;
height: 48px; height: 48px;
box-shadow: var(--avatarStatusShadow); box-shadow: var(--_avatarShadowBox);
border-radius: $fallback--avatarRadius; border-radius: $fallback--avatarRadius;
border-radius: var(--avatarRadius, $fallback--avatarRadius); border-radius: var(--avatarRadius, $fallback--avatarRadius);
@ -34,8 +37,8 @@
} }
&.better-shadow { &.better-shadow {
box-shadow: var(--avatarStatusShadowInset); box-shadow: var(--_avatarShadowInset);
filter: var(--avatarStatusShadowFilter) filter: var(--_avatarShadowFilter);
} }
&.animated::before { &.animated::before {

6
src/components/user_card/user_card.vue
View File

@ -382,11 +382,13 @@
max-height: 56px; max-height: 56px;
.Avatar { .Avatar {
--_avatarShadowBox: var(--avatarShadow);
--_avatarShadowFilter: var(--avatarShadowFilter);
--_avatarShadowInset: var(--avatarShadowInset);
flex: 1 0 100%; flex: 1 0 100%;
width: 56px; width: 56px;
height: 56px; height: 56px;
box-shadow: 0px 1px 8px rgba(0,0,0,0.75);
box-shadow: var(--avatarShadow);
object-fit: cover; object-fit: cover;
} }
} }