Merge pull request #34 from mrkyns/fixin/comments_layout

adjusted comment layout to article
mrkyns · Apr 24, 2023 · c812b4e · c812b4e
2 parents 2f4429a + 8087d52
commit c812b4e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/App.css b/src/App.css
@@ -519,7 +519,7 @@ nav ul li a:hover {
 .Comment {
   flex-direction: column;
   padding: 1.5rem;
-  max-width: 800px;
+  width: 1000px;
   align-items: start;
   color: var(--text);
 }

diff --git a/src/components/Pagination.jsx b/src/components/Pagination.jsx
@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import React, { useState, useEffect } from "react";
 import ReactPaginate from "react-paginate";
 import Article from "./Article";
 import NoResult from "./NoResult";
@@ -68,6 +68,10 @@ export default function Pagination({
     setObjectID("");
   };
 
+  useEffect(() => {
+    window.scrollTo({ top: 0 });
+  }, [currentItems]);
+
   if (items?.length > 0) {
     if (objectID) {
       return (