diff --git a/src/views/Home/content/article/components/ArticleContent.vue b/src/views/Home/content/article/components/ArticleContent.vue
index 2b5090f8..bb185bfc 100644
--- a/src/views/Home/content/article/components/ArticleContent.vue
+++ b/src/views/Home/content/article/components/ArticleContent.vue
@@ -155,9 +155,13 @@ onBeforeUnmount(() => {
padding: 0;
flex-shrink: 0;
border: 2px solid var(--kungalgame-red-4);
+
+ & > div {
+ margin: 0 !important;
+ }
}
-.list-move, /* Applied to moving elements during the transition */
+.list-move,
.list-enter-active,
.list-leave-active {
transition: all 0.5s ease;
diff --git a/src/views/topic/components/footer/Footer.vue b/src/views/topic/components/footer/Footer.vue
index 4926cf8c..da991ea6 100644
--- a/src/views/topic/components/footer/Footer.vue
+++ b/src/views/topic/components/footer/Footer.vue
@@ -104,10 +104,20 @@ Link: https://www.kungal.com/topic/${props.info.tid}`
:rid="info.rid"
:upvotes="info.upvotes"
:to-uid="toUser.uid"
+ v-tooltip="{
+ message: { en: 'Upvote', zh: '推话题' },
+ position: 'bottom',
+ }"
/>
-
+
{{ info.views }}
@@ -119,6 +129,10 @@ Link: https://www.kungal.com/topic/${props.info.tid}`
:rid="info.rid"
:likes="info.likes"
:to-uid="toUser.uid"
+ v-tooltip="{
+ message: { en: 'Likes', zh: '点赞数' },
+ position: 'bottom',
+ }"
/>
@@ -128,6 +142,10 @@ Link: https://www.kungal.com/topic/${props.info.tid}`
:rid="info.rid"
:dislikes="info.dislikes"
:to-uid="toUser.uid"
+ v-tooltip="{
+ message: { en: 'Dislikes', zh: '点踩数' },
+ position: 'bottom',
+ }"
/>
@@ -142,7 +160,14 @@ Link: https://www.kungal.com/topic/${props.info.tid}`
/>
-
+
@@ -159,6 +184,10 @@ Link: https://www.kungal.com/topic/${props.info.tid}`
:tags="content.tags"
:category="content.category"
:to-uid="toUser.uid"
+ v-tooltip="{
+ message: { en: 'Rewrite Topic', zh: 'Rewrite 话题' },
+ position: 'bottom',
+ }"
/>
diff --git a/src/views/topic/components/footer/Reply.vue b/src/views/topic/components/footer/Reply.vue
index a5282022..7e0d2152 100644
--- a/src/views/topic/components/footer/Reply.vue
+++ b/src/views/topic/components/footer/Reply.vue
@@ -41,7 +41,6 @@ const handleClickReply = () => {
display: flex;
justify-content: center;
align-items: center;
- text-align: center;
color: var(--kungalgame-blue-4);
cursor: pointer;
transition: all 0.2s;
@@ -56,6 +55,7 @@ const handleClickReply = () => {
top: 0;
left: 0;
border: 2px solid transparent;
+ box-sizing: border-box;
}
&:hover {
color: var(--kungalgame-pink-4);
diff --git a/src/views/topic/components/reply/Reply.vue b/src/views/topic/components/reply/Reply.vue
index f3274a6b..0c40b7c2 100644
--- a/src/views/topic/components/reply/Reply.vue
+++ b/src/views/topic/components/reply/Reply.vue
@@ -137,6 +137,10 @@ const handleClickComment = (
)
"
class="icon"
+ v-tooltip="{
+ message: { en: 'Comment Topic', zh: '评论话题' },
+ position: 'bottom',
+ }"
>