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

Merge pull request #1605 from talkor/align-icons

Browse Source 
fix: align like/dislike icons to center
This commit is contained in:
Kavin 2022-10-21 23:13:10 +01:00 committed by GitHub
commit 9daac55443
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
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>