TeamPiped-mirror/Piped
1
0
Fork 0
mirror of https://github.com/TeamPiped/Piped.git synced 2024-08-14 23:57:27 +00:00
Code Issues Projects Releases Packages Wiki Activity

Update CommentItem.vue

Browse source
This commit is contained in:
Dragos 2022-09-05 20:33:20 +03:00 committed by GitHub
parent 42f38a67f3
commit 68d70ad03a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
src/components/CommentItem.vue
View file

@ -1,13 +1,6 @@
<template> <template>
<div class="comment flex mt-1.5"> <div class="comment flex mt-1.5">
<img <img :src="comment.thumbnail" class="comment-avatar" height="48" width="48" loading="lazy" alt="Avatar" />
:src="comment.thumbnail"
class="comment-avatar rounded-full w-12 h-12"
height="48"
width="48"
loading="lazy"
alt="Avatar"
/>
<div class="comment-content pl-2"> <div class="comment-content pl-2">
<div class="comment-header"> <div class="comment-header">
@ -17,18 +10,16 @@
<span v-text="uploader" /> <span v-text="uploader" />
</div> </div>
<div class="comment-author"> <div class="comment-author mt-1 flex">
<router-link class="font-bold link" :to="comment.commentorUrl">{{ comment.author }}</router-link> <router-link class="font-bold link" :to="comment.commentorUrl">{{ comment.author }}</router-link>
<font-awesome-icon class="ml-1.5" v-if="comment.verified" icon="check" /> <font-awesome-icon class="ml-1.5" v-if="comment.verified" icon="check" />
<div class="comment-meta mb-1.5" v-text="' • ' + comment.commentedTime + ' •'" />
<div class="i-fa-solid:thumbs-up" />
<span class="ml-1" v-text="numberFormat(comment.likeCount)" />
<font-awesome-icon class="ml-1" v-if="comment.hearted" icon="heart" />
</div> </div>
<div class="comment-meta text-sm mb-1.5" v-text="comment.commentedTime" />
</div> </div>
<div class="whitespace-pre-wrap" v-text="comment.commentText" /> <div class="whitespace-pre-wrap" v-text="comment.commentText" />
<div class="comment-footer mt-1 flex">
<div class="i-fa-solid:thumbs-up" />
<span class="ml-1" v-text="numberFormat(comment.likeCount)" />
<font-awesome-icon class="ml-1" v-if="comment.hearted" icon="heart" />
</div>
<template v-if="comment.repliesPage && (!loadingReplies || !showingReplies)"> <template v-if="comment.repliesPage && (!loadingReplies || !showingReplies)">
<div @click="loadReplies" class="cursor-pointer"> <div @click="loadReplies" class="cursor-pointer">
<a v-t="'actions.show_replies'" /> <a v-t="'actions.show_replies'" />