feat: common-icon

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>

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;
 }