fixed comment section unable to scroll down

394-w25 · Jan 23, 2025 · 35dfc77 · 35dfc77
1 parent 1292eec
commit 35dfc77
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/src/components/Comment/Comment.css b/src/components/Comment/Comment.css
@@ -11,6 +11,10 @@
     margin-top: 20px;
 }
 
-.comment-container {
+.post-container {
     margin-top: 80px;
+}
+
+.comment-container {
+    margin-bottom: 80px;
 }
diff --git a/src/components/Comment/Comment.jsx b/src/components/Comment/Comment.jsx
@@ -87,7 +87,7 @@ function Comment({ userName, profilePic }) {
     return (
         <div>
             <AppBar />
-            <Container className="comment-container" maxWidth="sm">
+            <Container className="post-container" maxWidth="sm">
                 {/* <Typography variant="h5" gutterBottom>
                     Comments for {post_id}
                 </Typography> */}
@@ -99,7 +99,7 @@ function Comment({ userName, profilePic }) {
             </Container>
 
             {/* Comment Section */}
-            <Container maxWidth="sm">
+            <Container className="comment-container" maxWidth="sm">
 
                 <Divider style={{ margin: "20px 0" }} />