Fit long names on mobile

This commit is contained in:
jahooma 2021-12-24 16:29:15 -05:00
parent b2945c24b1
commit a902dfebca
2 changed files with 2 additions and 4 deletions

View File

@ -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 ? (

View File

@ -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>