LogalDeveloper/owncast
LogalDeveloper/owncast
0
Fork 0
Code

fix(followers): more followers style tweaks

Browse Source
This commit is contained in:
Gabe Kangas 2023-04-15 22:32:57 -07:00
parent 165d801463
commit 6774f049f7
No known key found for this signature in database
GPG Key ID: 4345B2060657F330
2 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -9,6 +9,7 @@
background-color: var(--theme-color-background-main);
margin: 0.5em;
font-size: 1rem;
line-height: 1.5rem;
&:hover {
border-color: var(--theme-text-link);
@ -29,18 +30,19 @@
}
.account {
display: block;
color: var(--theme-color-components-text-on-light);
text-overflow: ellipsis;
line-height: 1.2rem;
p {
margin: 0;
}
font-size: 0.7rem;
line-height: 1.2;
}
.username {
display: block;
font-family: var(--theme-text-display-font-family);
font-weight: 600;
color: var(--theme-color-components-text-on-light);
font-size: 1rem;
line-height: 1.1;
padding-bottom: 5px;
}
}

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

@ -9,9 +9,9 @@ export type SingleFollowerProps = {
};
export const SingleFollower: FC<SingleFollowerProps> = ({ follower }) => (
<div className={cn([styles.follower, 'followers-follower'])}>
<div>
<a href={follower.link} target="_blank" rel="noreferrer">
<Row wrap={false}>
<Row wrap={false} className={cn([styles.follower, 'followers-follower'])}>
<Col span={6} className={styles.avatarColumn}>
<Avatar
src={follower.image}