diff options
| author | Henry Jameson <me@hjkos.com> | 2020-10-29 20:03:53 +0200 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2020-10-29 20:03:53 +0200 |
| commit | 8225717a7c5391e21dba00a28aebb642ffcc8cef (patch) | |
| tree | af09135d003aef62dc1625a90fdd93816b16910c /src/components/user_avatar | |
| parent | a84db4bd8f04bdfc14836f55f441aa8478265291 (diff) | |
Update and fix avatar shadow in user card
Diffstat (limited to 'src/components/user_avatar')
| -rw-r--r-- | src/components/user_avatar/user_avatar.vue | 9 |
1 files changed, 6 insertions, 3 deletions
diff --git a/src/components/user_avatar/user_avatar.vue b/src/components/user_avatar/user_avatar.vue index eb3d375e..43947282 100644 --- a/src/components/user_avatar/user_avatar.vue +++ b/src/components/user_avatar/user_avatar.vue @@ -20,11 +20,14 @@ @import '../../_variables.scss'; .Avatar { + --_avatarShadowBox: var(--avatarStatusShadow); + --_avatarShadowFilter: var(--avatarStatusShadowFilter); + --_avatarShadowInset: var(--avatarStatusShadowInset); --still-image-label-visibility: hidden; width: 48px; height: 48px; - box-shadow: var(--avatarStatusShadow); + box-shadow: var(--_avatarShadowBox); border-radius: $fallback--avatarRadius; border-radius: var(--avatarRadius, $fallback--avatarRadius); @@ -34,8 +37,8 @@ } &.better-shadow { - box-shadow: var(--avatarStatusShadowInset); - filter: var(--avatarStatusShadowFilter) + box-shadow: var(--_avatarShadowInset); + filter: var(--_avatarShadowFilter); } &.animated::before { |