LogalDeveloper/owncast
0
Fork 0
Code Activity

Center column of followers on mobile. Closes #2515

Browse Source
This commit is contained in:
Gabe Kangas
2023-01-12 15:05:55 -08:00
parent bf3ee58e87
commit 1d58b7fbad
2 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
web/components/ui/followers/FollowerCollection/FollowerCollection.module.scss
View File

@@ -7,6 +7,12 @@
@include screen(desktop) { @include screen(desktop) {
background-color: var(--theme-color-components-content-background); background-color: var(--theme-color-components-content-background);
} }
@include screen(mobile) {
.followerRow {
justify-content: center;
}
}
} }
.noFollowers { .noFollowers {

2
web/components/ui/followers/FollowerCollection/FollowerCollection.tsx
View File

@@ -69,7 +69,7 @@ export const FollowerCollection: FC<FollowerCollectionProps> = ({ name, onFollow
return ( return (
<div className={styles.followers} id="followers-collection"> <div className={styles.followers} id="followers-collection">
<Row wrap gutter={[10, 10]}> <Row wrap gutter={[10, 10]} className={styles.followerRow}>
{followers.map(follower => ( {followers.map(follower => (
<Col key={follower.link}> <Col key={follower.link}>
<SingleFollower key={follower.link} follower={follower} /> <SingleFollower key={follower.link} follower={follower} />