style: update CSS for comment section

codeit-bootcamp-frontend · Jul 21, 2024 · ceda62f · ceda62f
1 parent deb85c1
commit ceda62f
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/components/layout/Comment.tsx/Comment.tsx b/components/layout/Comment.tsx/Comment.tsx
@@ -37,6 +37,7 @@ export default function Comment({
           </h4>
         </div>
       </div>
+      <div className={styles["horizontal-divider"]}></div>
     </div>
   );
 }
diff --git a/components/layout/Comment.tsx/Commtent.module.scss b/components/layout/Comment.tsx/Commtent.module.scss
@@ -93,8 +93,16 @@
 
     h3 {
       @include font-style(16px, 400, 24px, var(--gray400));
+      text-align: center;
     }
   }
+
+  .horizontal-divider {
+    border-top: 1px solid var(--gray200);
+    width: 100%;
+    height: 0px;
+    margin: 16px 0 24px;
+  }
 }
 
 /* Tablet Styles */
-Original file line number
+Diff line change
@@ Expand Up / @@ -37,6 +37,7 @@ export default function Comment({ @@
               </h4>
             </div>
           </div>
+          <div className={styles["horizontal-divider"]}></div>
         </div>
       );
     }