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

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

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