From 100bff4a26302203069320f8bea488d344e3fe9e Mon Sep 17 00:00:00 2001
From: tim <nagisa12164@163.com>
Date: Fri, 4 Jul 2025 11:39:14 +0800
Subject: [PATCH] feat: comment ui

---
 open-isle-cli/src/components/CommentItem.vue | 11 +++++++----
 open-isle-cli/src/views/PostPageView.vue     |  4 ++--
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/open-isle-cli/src/components/CommentItem.vue b/open-isle-cli/src/components/CommentItem.vue
index 433a54e2e..c9228307d 100644
--- a/open-isle-cli/src/components/CommentItem.vue
+++ b/open-isle-cli/src/components/CommentItem.vue
@@ -1,10 +1,15 @@
 <template>
-  <div class="info-content-container" :style="{ marginLeft: level * 20 + 'px' }">
+  <div
+    class="info-content-container"
+    :style="{
+      ...(level > 0 ? { /*borderLeft: '1px solid #e0e0e0', */borderBottom: 'none' } : {})
+    }"
+  >
     <div class="user-avatar-container">
       <div class="user-avatar-item">
         <img class="user-avatar-item-img" :src="comment.avatar" alt="avatar" />
       </div>
-    </div>
+    </div>  
     <div class="info-content">
       <div class="info-content-header">
         <div class="user-name">{{ comment.userName }}</div>
@@ -78,10 +83,8 @@ export default CommentItem
 .reply-toggle {
   cursor: pointer;
   color: var(--primary-color);
-  margin-top: 10px;
   user-select: none;
 }
 .reply-list {
-  margin-top: 10px;
 }
 </style>
diff --git a/open-isle-cli/src/views/PostPageView.vue b/open-isle-cli/src/views/PostPageView.vue
index 83e7cddd1..300ff34ef 100644
--- a/open-isle-cli/src/views/PostPageView.vue
+++ b/open-isle-cli/src/views/PostPageView.vue
@@ -236,7 +236,7 @@ export default {
 }
 </script>
 
-<style scoped>
+<style>
 .post-page-container {
   display: flex;
   flex-direction: row;
@@ -362,9 +362,9 @@ export default {
 .info-content-container {
   margin-top: 20px;
   display: flex;
-  width: 100%;
   flex-direction: row;
   gap: 10px;
+  padding: 0px;
   border-bottom: 1px solid #e2e2e2;
 }