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

improve style

Browse Source
This commit is contained in:
SrGooglo 2024-09-15 03:38:10 +00:00
parent 1457587445
commit da4c068b47
2 changed files with 28 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
packages/app/src/pages/account/tabs/details/index.jsx
View File

@ -110,41 +110,37 @@ export default (props) => {
</div>
<span>
Joined at
</span>
</div>
<div className="field_value">
<p>
{
Joined at {
getJoinLabel(Number(props.state.user.created_at ?? props.state.user.createdAt))
}
</p>
</span>
</div>
</div>
<DroppableField
header={<>
<div className="field_header">
<div className="field_icon">
<Icons.Award />
{
props.state.user?.badges.length > 0 && <DroppableField
header={<>
<div className="field_header">
<div className="field_icon">
<Icons.Award />
</div>
<span>
Badges collected
</span>
</div>
<span>
Badges collected
</span>
</div>
<div className="field_value">
<p>
{props.state.user?.badges.length}
</p>
</div>
</>}
>
<React.Suspense fallback={<Skeleton />}>
<UserBadges user_id={props.state.user?._id} />
</React.Suspense>
</DroppableField>
<div className="field_value">
<p>
{props.state.user?.badges.length}
</p>
</div>
</>}
>
<React.Suspense fallback={<Skeleton />}>
<UserBadges user_id={props.state.user?._id} />
</React.Suspense>
</DroppableField>
}
</div>
}

6
packages/app/src/pages/account/tabs/details/index.less
View File

@ -72,9 +72,9 @@
}
}
.field_value {
.field_value p {
font-family: "DM Mono", monospace;
user-select: text;
user-select: text !important;
}
}
}
@ -121,7 +121,7 @@
top: 0;
left: 0;
transform: translate(100%, 90%);
transform: translate(100%, 70%);
svg {
color: var(--text-color);