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) {
return <div className="userPreview">
<Skeleton active />
<Skeleton.Avatar active />
</div>
}

View File

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