From 9957c26025ae19e28183350b582eadfb4223ade9 Mon Sep 17 00:00:00 2001
From: tim <nagisa12164@163.com>
Date: Fri, 4 Jul 2025 14:45:09 +0800
Subject: [PATCH] feat: common-icon

---
 open-isle-cli/src/components/CommentItem.vue | 13 +++++++++++++
 open-isle-cli/src/views/PostPageView.vue     | 10 +++-------
 2 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/open-isle-cli/src/components/CommentItem.vue b/open-isle-cli/src/components/CommentItem.vue
index c9228307d..3b486266d 100644
--- a/open-isle-cli/src/components/CommentItem.vue
+++ b/open-isle-cli/src/components/CommentItem.vue
@@ -29,6 +29,9 @@
             <div class="reactions-count">1882</div>
           </div>
           <div class="make-reaction-container">
+            <div class="make-reaction-item comment-reaction">
+              <i class="far fa-comment"></i>
+            </div>
             <div class="make-reaction-item like-reaction">
               <i class="far fa-heart"></i>
             </div>
@@ -85,6 +88,16 @@ export default CommentItem
   color: var(--primary-color);
   user-select: none;
 }
+
 .reply-list {
 }
+
+.comment-reaction {
+  color: var(--primary-color);
+}
+
+.comment-reaction:hover {
+  background-color: lightgray;
+}
+
 </style>
diff --git a/open-isle-cli/src/views/PostPageView.vue b/open-isle-cli/src/views/PostPageView.vue
index 07ef266a5..a85de2ff4 100644
--- a/open-isle-cli/src/views/PostPageView.vue
+++ b/open-isle-cli/src/views/PostPageView.vue
@@ -517,18 +517,18 @@ export default {
 .make-reaction-container {
   display: flex;
   flex-direction: row;
-  gap: 20px;
+  gap: 10px;
 }
 
 .make-reaction-item {
   cursor: pointer;
   padding: 10px;
   border-radius: 50%;
-  opacity: 0.7;
+  opacity: 0.5;
+  font-size: 20px;
 }
 
 .like-reaction {
-  font-size: 20px;
   color: #ff0000;
 }
 
@@ -536,10 +536,6 @@ export default {
   background-color: #ffe2e2;
 }
 
-.copy-link {
-  font-size: 20px;
-}
-
 .copy-link:hover {
   background-color: #e2e2e2;
 }