Skip to content
This repository has been archived by the owner on Oct 4, 2023. It is now read-only.

[C-710] Update the skeletons for the UserCard and the search bar results #1647

Merged
merged 1 commit into from
Jul 25, 2022
Merged

[C-710] Update the skeletons for the UserCard and the search bar results #1647

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
1 change: 1 addition & 0 deletions packages/web/src/components/card/UserCard.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -36,6 +36,7 @@ const UserCard = ({
<div className={styles.tileCoverArtContainer}>
<DynamicImage
wrapperClassName={styles.coverArtWrapper}
skeletonClassName={styles.coverArtSkeleton}
className={styles.coverArt}
image={profileImage}
/>
Expand Down
6 changes: 6 additions & 0 deletions packages/web/src/components/card/UserCard.module.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -51,6 +51,12 @@
margin-top: 10px;
}

.coverArtSkeleton {
height: 124px;
width: 124px;
border-radius: 50%;
}

.coverArt {
height: 100%;
width: 100%;
Expand Down
3 changes: 2 additions & 1 deletion packages/web/src/components/search/SearchBarResult.module.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,9 +8,10 @@
.imageContainer {
margin-right: 8px;
width: 33px;
height: 48px;
height: 33px;
display: flex;
align-items: center;
align-self: center;
}

.image {
Expand Down