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> </div>
<span> <span>
Joined at Joined at {
</span>
</div>
<div className="field_value">
<p>
{
getJoinLabel(Number(props.state.user.created_at ?? props.state.user.createdAt)) getJoinLabel(Number(props.state.user.created_at ?? props.state.user.createdAt))
} }
</p> </span>
</div> </div>
</div> </div>
<DroppableField {
header={<> props.state.user?.badges.length > 0 && <DroppableField
<div className="field_header"> header={<>
<div className="field_icon"> <div className="field_header">
<Icons.Award /> <div className="field_icon">
<Icons.Award />
</div>
<span>
Badges collected
</span>
</div> </div>
<span> <div className="field_value">
Badges collected <p>
</span> {props.state.user?.badges.length}
</div> </p>
</div>
<div className="field_value"> </>}
<p> >
{props.state.user?.badges.length} <React.Suspense fallback={<Skeleton />}>
</p> <UserBadges user_id={props.state.user?._id} />
</div> </React.Suspense>
</>} </DroppableField>
> }
<React.Suspense fallback={<Skeleton />}>
<UserBadges user_id={props.state.user?._id} />
</React.Suspense>
</DroppableField>
</div> </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; font-family: "DM Mono", monospace;
user-select: text; user-select: text !important;
} }
} }
} }
@ -121,7 +121,7 @@
top: 0; top: 0;
left: 0; left: 0;
transform: translate(100%, 90%); transform: translate(100%, 70%);
svg { svg {
color: var(--text-color); color: var(--text-color);