kavin/Piped
1
0
Fork 0
mirror of https://github.com/TeamPiped/Piped.git synced 2024-12-13 13:50:27 +05:30
Code Issues Projects Releases Wiki Activity

fix: align like/dislike icons to center

Browse Source
This commit is contained in:
talkor 2022-10-21 22:51:32 +03:00
parent 53836e4485
commit d2b18ffbed
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/CommentItem.vue
View File

@ -29,7 +29,7 @@
<div class="comment-meta text-sm mb-1.5" v-text="comment.commentedTime" /> <div class="comment-meta text-sm mb-1.5" v-text="comment.commentedTime" />
</div> </div>
<div class="whitespace-pre-wrap" v-html="urlify(comment.commentText)" /> <div class="whitespace-pre-wrap" v-html="urlify(comment.commentText)" />
<div class="comment-footer mt-1 flex"> <div class="comment-footer mt-1 flex items-center">
<div class="i-fa-solid:thumbs-up" /> <div class="i-fa-solid:thumbs-up" />
<span class="ml-1" v-text="numberFormat(comment.likeCount)" /> <span class="ml-1" v-text="numberFormat(comment.likeCount)" />
<font-awesome-icon class="ml-1" v-if="comment.hearted" icon="heart" /> <font-awesome-icon class="ml-1" v-if="comment.hearted" icon="heart" />

4
src/components/WatchVideo.vue
View File

@ -47,11 +47,11 @@
<!-- Likes/dilikes --> <!-- Likes/dilikes -->
<div class="flex children:mr-2"> <div class="flex children:mr-2">
<template v-if="video.likes >= 0"> <template v-if="video.likes >= 0">
<div class="flex"> <div class="flex items-center">
<div class="i-fa-solid:thumbs-up" /> <div class="i-fa-solid:thumbs-up" />
<strong class="ml-1" v-text="addCommas(video.likes)" /> <strong class="ml-1" v-text="addCommas(video.likes)" />
</div> </div>
<div class="flex"> <div class="flex items-center">
<div class="i-fa-solid:thumbs-down" /> <div class="i-fa-solid:thumbs-down" />
<strong class="ml-1" v-text="video.dislikes >= 0 ? addCommas(video.dislikes) : '?'" /> <strong class="ml-1" v-text="video.dislikes >= 0 ? addCommas(video.dislikes) : '?'" />
</div> </div>