use skeleton avatar

This commit is contained in:
SrGooglo 2023-03-14 19:49:08 +00:00
parent 7bb4e34c23
commit 0a77fd5ea8
2 changed files with 15 additions and 4 deletions

View File

@ -49,7 +49,7 @@ export default (props) => {
if (!userData) { if (!userData) {
return <div className="userPreview"> return <div className="userPreview">
<Skeleton active /> <Skeleton.Avatar active />
</div> </div>
} }

View File

@ -13,16 +13,27 @@
} }
.avatar { .avatar {
display: flex;
align-items: center;
justify-content: center;
margin-right: 10px;
width: 40px; width: 40px;
height: 40px; height: 40px;
margin-right: 10px; .lazy-load-image-background {
width: 100%;
height: 100%;
}
img { img {
object-fit: cover; object-fit: cover;
width: 40px; width: 100%;
height: 40px; height: 100%;
border-radius: 8px; border-radius: 8px;
} }
} }