From 8efb9219116a6c665d1059d3218c9405c616e404 Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Fri, 7 Jan 2022 16:33:15 +0100
Subject: chore: adjust css grid on listing pages without sidebar

---
 src/pages/recherche/index.tsx   |  5 +++--
 src/pages/sujet/[slug].tsx      | 19 +++++++++----------
 src/pages/thematique/[slug].tsx | 19 +++++++++----------
 3 files changed, 21 insertions(+), 22 deletions(-)

(limited to 'src/pages')

diff --git a/src/pages/recherche/index.tsx b/src/pages/recherche/index.tsx
index 5fe35a1..ece76eb 100644
--- a/src/pages/recherche/index.tsx
+++ b/src/pages/recherche/index.tsx
@@ -13,6 +13,7 @@ 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';
 
 const Search: NextPageWithLayout = () => {
   const [query, setQuery] = useState('');
@@ -72,9 +73,9 @@ const Search: NextPageWithLayout = () => {
         <title>{head.title}</title>
         <meta name="description" content={head.description} />
       </Head>
-      <article>
+      <article className={styles.wrapper}>
         <PostHeader title={title} />
-        <div>
+        <div className={styles.body}>
           <PostsList data={data} showYears={false} />
           {hasNextPage && (
             <Button
diff --git a/src/pages/sujet/[slug].tsx b/src/pages/sujet/[slug].tsx
index c3387b4..71d0f42 100644
--- a/src/pages/sujet/[slug].tsx
+++ b/src/pages/sujet/[slug].tsx
@@ -35,16 +35,15 @@ const Subject: NextPageWithLayout<SubjectProps> = ({ subject }) => {
         meta={meta}
         title={subject.title}
       />
-      <div
-        className={styles.body}
-        dangerouslySetInnerHTML={{ __html: subject.content }}
-      ></div>
-      {subject.posts.length > 0 && (
-        <section className={styles.section}>
-          <h2>{t`All posts in ${subject.title}`}</h2>
-          <ol className={styles.list}>{getPostsList()}</ol>
-        </section>
-      )}
+      <div className={styles.body}>
+        <div dangerouslySetInnerHTML={{ __html: subject.content }}></div>
+        {subject.posts.length > 0 && (
+          <section className={styles.section}>
+            <h2>{t`All posts in ${subject.title}`}</h2>
+            <ol className={styles.list}>{getPostsList()}</ol>
+          </section>
+        )}
+      </div>
     </article>
   );
 };
diff --git a/src/pages/thematique/[slug].tsx b/src/pages/thematique/[slug].tsx
index fb0eda5..72e469c 100644
--- a/src/pages/thematique/[slug].tsx
+++ b/src/pages/thematique/[slug].tsx
@@ -25,16 +25,15 @@ const Thematic: NextPageWithLayout<ThematicProps> = ({ thematic }) => {
   return (
     <article className={styles.wrapper}>
       <PostHeader intro={thematic.intro} title={thematic.title} />
-      <div
-        className={styles.body}
-        dangerouslySetInnerHTML={{ __html: thematic.content }}
-      ></div>
-      {thematic.posts.length > 0 && (
-        <section className={styles.section}>
-          <h2>{t`All posts in ${thematic.title}`}</h2>
-          <ol className={styles.list}>{getPostsList()}</ol>
-        </section>
-      )}
+      <div className={styles.body}>
+        <div dangerouslySetInnerHTML={{ __html: thematic.content }}></div>
+        {thematic.posts.length > 0 && (
+          <section className={styles.section}>
+            <h2>{t`All posts in ${thematic.title}`}</h2>
+            <ol className={styles.list}>{getPostsList()}</ol>
+          </section>
+        )}
+      </div>
     </article>
   );
 };
-- 
cgit v1.2.3