fix: add margin for comment children

Signed-off-by: Innei <i@innei.in>
Innei · Jun 28, 2023 · 59d1fd5 · 59d1fd5 · vercel · Jun 28, 2023
1 parent 1c74c89
commit 59d1fd5
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/src/components/widgets/comment/Comment.tsx b/src/components/widgets/comment/Comment.tsx
@@ -119,11 +119,13 @@ export const Comment: Component<{
 
         <CommentBoxHolderProvider />
       </CommentHolderContext.Provider>
-      {comment.children &&
-        comment.children.length > 0 &&
-        comment.children.map((child) => (
-          <Comment key={child.id} comment={child} className="ml-9" />
-        ))}
+      {comment.children && comment.children.length > 0 && (
+        <ul className="my-2 space-y-2">
+          {comment.children.map((child) => (
+            <Comment key={child.id} comment={child} className="ml-9" />
+          ))}
+        </ul>
+      )}
     </>
   )
 })