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); background-color: var(--theme-color-background-main);
margin: 0.5em; margin: 0.5em;
font-size: 1rem; font-size: 1rem;
line-height: 1.5rem;
&:hover { &:hover {
border-color: var(--theme-text-link); border-color: var(--theme-text-link);
@ -29,18 +30,19 @@
} }
.account { .account {
display: block;
color: var(--theme-color-components-text-on-light); color: var(--theme-color-components-text-on-light);
text-overflow: ellipsis; font-size: 0.7rem;
line-height: 1.2rem; line-height: 1.2;
p {
margin: 0;
}
} }
.username { .username {
display: block;
font-family: var(--theme-text-display-font-family); font-family: var(--theme-text-display-font-family);
font-weight: 600; font-weight: 600;
color: var(--theme-color-components-text-on-light); 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 }) => ( export const SingleFollower: FC<SingleFollowerProps> = ({ follower }) => (
<div className={cn([styles.follower, 'followers-follower'])}> <div>
<a href={follower.link} target="_blank" rel="noreferrer"> <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}> <Col span={6} className={styles.avatarColumn}>
<Avatar <Avatar
src={follower.image} src={follower.image}