jiazhizhong/OpenIsle
1
0
Fork 0
mirror of https://github.com/nagisa77/OpenIsle.git synced 2026-06-09 03:27:32 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: common-icon

Browse Source
This commit is contained in:
tim
2025-07-04 14:45:09 +08:00
parent 2e9d0ca022
commit 9957c26025
2 changed files with 16 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
open-isle-cli/src/components/CommentItem.vue
View File

@@ -29,6 +29,9 @@
<div class="reactions-count">1882</div> <div class="reactions-count">1882</div>
</div> </div>
<div class="make-reaction-container"> <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"> <div class="make-reaction-item like-reaction">
<i class="far fa-heart"></i> <i class="far fa-heart"></i>
</div> </div>
@@ -85,6 +88,16 @@ export default CommentItem
color: var(--primary-color); color: var(--primary-color);
user-select: none; user-select: none;
} }
.reply-list { .reply-list {
} }
.comment-reaction {
color: var(--primary-color);
}
.comment-reaction:hover {
background-color: lightgray;
}
</style> </style>

10
open-isle-cli/src/views/PostPageView.vue
View File

@@ -517,18 +517,18 @@ export default {
.make-reaction-container { .make-reaction-container {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
gap: 20px; gap: 10px;
} }
.make-reaction-item { .make-reaction-item {
cursor: pointer; cursor: pointer;
padding: 10px; padding: 10px;
border-radius: 50%; border-radius: 50%;
opacity: 0.7; opacity: 0.5;
font-size: 20px;
} }
.like-reaction { .like-reaction {
font-size: 20px;
color: #ff0000; color: #ff0000;
} }
@@ -536,10 +536,6 @@ export default {
background-color: #ffe2e2; background-color: #ffe2e2;
} }
.copy-link {
font-size: 20px;
}
.copy-link:hover { .copy-link:hover {
background-color: #e2e2e2; background-color: #e2e2e2;
} }