Fit long names on mobile
This commit is contained in:
parent
b2945c24b1
commit
a902dfebca
|
@ -200,9 +200,7 @@ export function MyBetsSummary(props: {
|
|||
return (
|
||||
<Row className={clsx('gap-4 sm:gap-6', className)}>
|
||||
<Col>
|
||||
<div className="text-sm text-gray-500 whitespace-nowrap">
|
||||
Amount invested
|
||||
</div>
|
||||
<div className="text-sm text-gray-500 whitespace-nowrap">Invested</div>
|
||||
<div className="whitespace-nowrap">{formatMoney(betsTotal)}</div>
|
||||
</Col>
|
||||
{resolution ? (
|
||||
|
|
|
@ -64,7 +64,7 @@ function ProfileSummary(props: { user: User }) {
|
|||
<div className="rounded-full w-10 h-10 mr-4">
|
||||
<Image src={user.avatarUrl} width={40} height={40} />
|
||||
</div>
|
||||
<div className="truncate text-left" style={{ maxWidth: 175 }}>
|
||||
<div className="truncate text-left" style={{ maxWidth: 140 }}>
|
||||
{user.name}
|
||||
<div className="text-gray-700 text-sm">{formatMoney(user.balance)}</div>
|
||||
</div>
|
||||
|
|
Loading…
Reference in New Issue
Block a user