2019-02-02 11:11:36 -08:00
|
|
|
<template>
|
|
|
|
|
<StillImage class="avatar" :src="imgSrc" :imageLoadError="imageLoadError"/>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script src="./user_avatar.js"></script>
|
2019-02-02 11:33:13 -08:00
|
|
|
<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>
|
