Fix text overlaping. Closes #2866

This commit is contained in:
Gabe Kangas 2023-03-23 19:11:08 -07:00
parent 13868e8b6a
commit 3d302b7dbd
No known key found for this signature in database
GPG Key ID: 4345B2060657F330
2 changed files with 10 additions and 10 deletions

View File

@ -38,10 +38,13 @@
}
.avatar {
height: 50px;
width: 50px;
border-color: rgba(0, 0, 0, 0.3);
border-width: 1px;
border-style: solid;
background-color: var(--theme-color-background-main);
span {
font-size: 1.6rem;
}
}
}

View File

@ -12,15 +12,12 @@ export const SingleFollower: FC<SingleFollowerProps> = ({ follower }) => (
<div className={cn([styles.follower, 'followers-follower'])}>
<a href={follower.link} target="_blank" rel="noreferrer">
<Row wrap={false}>
<Col span={4}>
<Avatar
src={follower.image}
alt="Avatar"
className={styles.avatar}
icon={<img src="/logo" alt="Logo" />}
/>
<Col span={6}>
<Avatar src={follower.image} size="large" alt="Avatar" className={styles.avatar}>
{follower.username.charAt(0).toUpperCase()}
</Avatar>
</Col>
<Col span={18}>
<Col span={16}>
<Row className={styles.name}>
<Typography.Text ellipsis>
{follower.name || follower.username.split('@', 2)[0]}