Truncate leaderboard name

This commit is contained in:
James Grugett 2022-02-08 22:44:58 -06:00
parent 66624ff92c
commit 6214b6e425
2 changed files with 2 additions and 2 deletions

View File

@ -19,7 +19,7 @@ export function Avatar(props: {
Router.push(`/${username}`) Router.push(`/${username}`)
} }
return ( return (
<div className={`rounded-full bg-white w-${s} h-${s}`}> <div className={`rounded-full bg-white flex-shrink-0 w-${s} h-${s}`}>
{avatarUrl ? ( {avatarUrl ? (
<img <img
className={clsx( className={clsx(

View File

@ -36,7 +36,7 @@ export function Leaderboard(props: {
{users.map((user, index) => ( {users.map((user, index) => (
<tr key={user.id}> <tr key={user.id}>
<td>{index + 1}</td> <td>{index + 1}</td>
<td> <td style={{ maxWidth: 190 }}>
<SiteLink className="relative" href={`/${user.username}`}> <SiteLink className="relative" href={`/${user.username}`}>
<Row className="items-center gap-4"> <Row className="items-center gap-4">
<Avatar avatarUrl={user.avatarUrl} size={8} /> <Avatar avatarUrl={user.avatarUrl} size={8} />