open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Better layout

Browse Source
This commit is contained in:
James Grugett 2022-08-19 15:22:27 -05:00
parent e9d72e57a4
commit 31606a191c
1 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
web/components/user-page.tsx
View File

@ -131,9 +131,14 @@ export function UserPage(props: { user: User }) {
{/* Profile details: name, username, bio, and link to twitter/discord */} {/* Profile details: name, username, bio, and link to twitter/discord */}
<Col className="mx-4 -mt-6"> <Col className="mx-4 -mt-6">
<Row className={'justify-between'}> <Row className={'flex-wrap justify-between'}>
<Col> <Col>
<span className="text-2xl font-bold">{user.name}</span> <span
className="text-2xl font-bold"
style={{ wordBreak: 'break-word' }}
>
{user.name}
</span>
<span className="text-gray-500">@{user.username}</span> <span className="text-gray-500">@{user.username}</span>
</Col> </Col>
<Col className={'justify-center'}> <Col className={'justify-center'}>
@ -157,7 +162,9 @@ export function UserPage(props: { user: User }) {
<span>streak</span> <span>streak</span>
</Col> </Col>
<Col <Col
className={'cursor-pointer items-center text-gray-500'} className={
'flex-shrink-0 cursor-pointer items-center text-gray-500'
}
onClick={() => setShowLoansModal(true)} onClick={() => setShowLoansModal(true)}
> >
<span className="text-green-600">🏦 {formatMoney(153)}</span> <span className="text-green-600">🏦 {formatMoney(153)}</span>