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 ( return (
<Row className={clsx('gap-4 sm:gap-6', className)}> <Row className={clsx('gap-4 sm:gap-6', className)}>
<Col> <Col>
<div className="text-sm text-gray-500 whitespace-nowrap"> <div className="text-sm text-gray-500 whitespace-nowrap">Invested</div>
Amount invested
</div>
<div className="whitespace-nowrap">{formatMoney(betsTotal)}</div> <div className="whitespace-nowrap">{formatMoney(betsTotal)}</div>
</Col> </Col>
{resolution ? ( {resolution ? (

View File

@ -64,7 +64,7 @@ function ProfileSummary(props: { user: User }) {
<div className="rounded-full w-10 h-10 mr-4"> <div className="rounded-full w-10 h-10 mr-4">
<Image src={user.avatarUrl} width={40} height={40} /> <Image src={user.avatarUrl} width={40} height={40} />
</div> </div>
<div className="truncate text-left" style={{ maxWidth: 175 }}> <div className="truncate text-left" style={{ maxWidth: 140 }}>
{user.name} {user.name}
<div className="text-gray-700 text-sm">{formatMoney(user.balance)}</div> <div className="text-gray-700 text-sm">{formatMoney(user.balance)}</div>
</div> </div>