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', + }" >