RageStudio/comty
1
0
Fork 0
mirror of https://github.com/ragestudio/comty.git synced 2025-06-09 18:44:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

display user badges

Browse Source
This commit is contained in:
SrGooglo 2023-07-13 15:51:09 +00:00
parent ba839b10db
commit d9b6d212a1
2 changed files with 22 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/app/src/components/UserCard/index.jsx
View File

@ -121,7 +121,9 @@ export const UserCard = React.forwardRef((props, ref) => {
</span>
</div>
<UserBadges user_id={user._id} />
{
user.badges?.length > 0 && <UserBadges user_id={user._id} />
}
</div>
<div className="description">
@ -198,6 +200,12 @@ export const MobileUserCard = React.forwardRef((props, ref) => {
}
</div>
<div className="_mobile_userCard_top_badges_wrapper">
{
props.user.badges?.length > 0 && <UserBadges user_id={props.user._id} />
}
</div>
<div className="_mobile_userCard_top_description">
<p>
{

16
packages/app/src/components/UserCard/index.less
View File

@ -138,6 +138,8 @@
}
._mobile_userCard_top_texts {
position: relative;
display: flex;
flex-direction: column;
@ -148,6 +150,14 @@
padding: 10px;
padding-left: 15px;
._mobile_userCard_top_badges_wrapper {
position: absolute;
top: 0;
right: 0;
padding: 10px;
}
._mobile_userCard_top_username {
font-family: "Space Grotesk", sans-serif;
@ -273,7 +283,7 @@
flex-direction: row;
margin-top: 20px;
.username_text {
display: flex;
flex-direction: column;
@ -285,12 +295,12 @@
font-weight: 600;
font-family: "Space grotesk", sans-serif;
}
span {
font-size: 0.8rem;
font-style: italic;
}
svg {
fill: var(--app-color);
font-size: 0.8rem;