Fit long names on mobile
This commit is contained in:
parent
b2945c24b1
commit
a902dfebca
|
@ -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 ? (
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue
Block a user