Merge pull request #159 from ChtiJS/refacto/404

refactor(404):change styles on 404
ChtiJS · Dec 12, 2023 · acd65ff · acd65ff
2 parents 49dea22 + 5f452a2
commit acd65ff
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 13 deletions.
diff --git a/src/pages/404.module.scss b/src/pages/404.module.scss
@@ -0,0 +1,10 @@
+.img {
+    height: 19rem;
+    width: 6rem;
+    border-radius: 15px;
+}
+
+.p {
+  text-align: center;
+  line-height: 100px;
+}
diff --git a/src/pages/404.tsx b/src/pages/404.tsx
@@ -2,27 +2,17 @@ import Layout from '../layouts/main';
 import ContentBlock from '../components/contentBlock';
 import Heading1 from '../components/h1';
 import Paragraph from '../components/p';
+import styles from './404.module.scss';
 
 const Page = () => (
   <Layout title="Page non-trouvée">
     <ContentBlock>
       <Heading1>Ooops!</Heading1>
-      <p>
-        <img src={'/images/404.png'} alt={`404.png`} />
+      <p className={styles.p} >
+        <img className={styles.img} src={'/images/404.png'} alt={`404.png`} />
         <Paragraph>La page que vous recherchez n’existe pas ou plus.</Paragraph>
       </p>
     </ContentBlock>
-    <style jsx>{`
-      img {
-        height: 19rem;
-        width: 6rem;
-        border-radius: 15px;
-      }
-      p {
-        text-align: center;
-        line-height: 100px;
-      }
-    `}</style>
   </Layout>
 );