diff options
| author | taehoon <th.dev91@gmail.com> | 2019-02-02 14:33:13 -0500 |
|---|---|---|
| committer | taehoon <th.dev91@gmail.com> | 2019-02-02 14:33:13 -0500 |
| commit | 89b9aed1344724b6e00fc927570c1a3806aac0ce (patch) | |
| tree | e2fe1e85d6e6fe9d0fcfb74b2428216baf567709 /src/components/user_avatar | |
| parent | d607e4195a114843029e902e09df323096e0dcd6 (diff) | |
Move avatar css into a correct place
Diffstat (limited to 'src/components/user_avatar')
| -rw-r--r-- | src/components/user_avatar/user_avatar.vue | 27 |
1 files changed, 27 insertions, 0 deletions
diff --git a/src/components/user_avatar/user_avatar.vue b/src/components/user_avatar/user_avatar.vue index 75a857ac..bbc99f96 100644 --- a/src/components/user_avatar/user_avatar.vue +++ b/src/components/user_avatar/user_avatar.vue @@ -3,3 +3,30 @@ </template> <script src="./user_avatar.js"></script> +<style lang="scss"> +@import '../../_variables.scss'; + +.avatar.still-image { + width: 48px; + height: 48px; + box-shadow: var(--avatarStatusShadow); + border-radius: $fallback--avatarRadius; + border-radius: var(--avatarRadius, $fallback--avatarRadius); + overflow: hidden; + position: relative; + + &.better-shadow { + box-shadow: var(--avatarStatusShadowInset); + filter: var(--avatarStatusShadowFilter) + } + + &.animated::before { + display: none; + } + + img { + width: 100%; + height: 100%; + } +} +</style> |