LogalDeveloper/owncast
0
Fork 0
Code Activity

Fix text overlaping. Closes #2866

Browse Source
This commit is contained in:
Gabe Kangas
2023-03-23 19:11:08 -07:00
parent 13868e8b6a
commit 3d302b7dbd
2 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
web/components/ui/followers/SingleFollower/SingleFollower.module.scss
View File

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

13
web/components/ui/followers/SingleFollower/SingleFollower.tsx
View File

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