chore: change posts list styles

2 files changed, 24 insertions, 12 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`} />
diff --git a/src/pages/recherche/index.tsx b/src/pages/recherche/index.tsx
index ece76eb..c8a7b9b 100644
--- a/src/pages/recherche/index.tsx
+++ b/src/pages/recherche/index.tsx
@@ -13,7 +13,9 @@ import Head from 'next/head';
 import { useRouter } from 'next/router';
 import { useEffect, useState } from 'react';
 import useSWRInfinite from 'swr/infinite';
-import styles from '@styles/pages/Listing.module.scss';
+import Sidebar from '@components/Sidebar/Sidebar';
+import { ThematicsList, TopicsList } from '@components/Widget';
+import styles from '@styles/pages/Page.module.scss';
 
 const Search: NextPageWithLayout = () => {
   const [query, setQuery] = useState('');
@@ -73,7 +75,9 @@ const Search: NextPageWithLayout = () => {
         <title>{head.title}</title>
         <meta name="description" content={head.description} />
       </Head>
-      <article className={styles.wrapper}>
+      <article
+        className={`${styles.article} ${styles['article--no-comments']}`}
+      >
         <PostHeader title={title} />
         <div className={styles.body}>
           <PostsList data={data} showYears={false} />
@@ -84,6 +88,10 @@ const Search: NextPageWithLayout = () => {
             >{t`Load more?`}</Button>
           )}
         </div>
+        <Sidebar>
+          <ThematicsList title={t`Thematics`} />
+          <TopicsList title={t`Topics`} />
+        </Sidebar>
       </article>
     </>
   );