diff options
Diffstat (limited to 'src/pages/blog/index.tsx')
| -rw-r--r-- | src/pages/blog/index.tsx | 24 |
1 files changed, 14 insertions, 10 deletions
diff --git a/src/pages/blog/index.tsx b/src/pages/blog/index.tsx index bee0522..faadd6f 100644 --- a/src/pages/blog/index.tsx +++ b/src/pages/blog/index.tsx @@ -12,9 +12,9 @@ import useSWRInfinite from 'swr/infinite'; import { Button } from '@components/Buttons'; import { getPublishedPosts } from '@services/graphql/queries'; import PostHeader from '@components/PostHeader/PostHeader'; -import styles from '@styles/pages/Listing.module.scss'; import { ThematicsList, TopicsList } from '@components/Widget'; import Sidebar from '@components/Sidebar/Sidebar'; +import styles from '@styles/pages/Page.module.scss'; const Blog: NextPageWithLayout<BlogPageProps> = ({ fallback }) => { const getKey = (pageIndex: number, previousData: PostsListData) => { @@ -50,16 +50,20 @@ const Blog: NextPageWithLayout<BlogPageProps> = ({ fallback }) => { <title>{seo.blog.title}</title> <meta name="description" content={seo.blog.description} /> </Head> - <article className={styles.wrapper}> + <article + className={`${styles.article} ${styles['article--no-comments']}`} + > <PostHeader title={t`Blog`} /> - <PostsList data={data} showYears={true} /> - {hasNextPage && ( - <Button - isDisabled={isLoadingMore} - clickHandler={() => setSize(size + 1)} - position="center" - >{t`Load more?`}</Button> - )} + <div className={styles.body}> + <PostsList data={data} showYears={true} /> + {hasNextPage && ( + <Button + isDisabled={isLoadingMore} + clickHandler={() => setSize(size + 1)} + position="center" + >{t`Load more?`}</Button> + )} + </div> <Sidebar> <ThematicsList title={t`Thematics`} /> <TopicsList title={t`Topics`} /> |