Mirrored_Repos/Piped
1
0
Fork 0
mirror of https://github.com/TeamPiped/Piped.git synced 2025-12-22 04:30:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

Run yarn lint.

Browse Source
This commit is contained in:
FireMaskterK
2021-10-28 18:55:20 +01:00
parent ea4aabd4ea
commit 07529362cf
7 changed files with 22 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/VideoItem.vue
View File

@@ -6,20 +6,27 @@
<span
v-if="video.duration"
class="uk-label uk-border-rounded uk-position-absolute video-duration"
style="bottom: 5px; right: 5px; background: rgba(0, 0, 0, .75); color: white; padding: 0 5px;"
style="bottom: 5px; right: 5px; background: rgba(0, 0, 0, 0.75); color: white; padding: 0 5px"
>{{ timeFormat(video.duration) }}</span
>
<span
v-if="video.watched"
class="uk-label uk-border-rounded uk-position-absolute video-duration"
style="bottom: 5px; left: 5px; background: rgba(0, 0, 0, .75); color: white; padding: 0 5px;"
style="bottom: 5px; left: 5px; background: rgba(0, 0, 0, 0.75); color: white; padding: 0 5px"
>{{ $t("video.watched") }}</span
>
</div>
<div>
<p
style="padding-top: 0.5rem; margin-bottom: 0.5rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;"
style="
padding-top: 0.5rem;
margin-bottom: 0.5rem;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
"
:title="video.title"
>
{{ video.title }}
@@ -45,17 +52,17 @@
loading="lazy"
:alt="video.uploaderName"
class="uk-border-circle"
style="margin-right: 0.5rem; margin-top:0.5rem; width: 32px; height: 32px;"
style="margin-right: 0.5rem; margin-top: 0.5rem; width: 32px; height: 32px"
/>
</router-link>
<div style="width: calc(100% - 32px - 8px);">
<div style="width: calc(100% - 32px - 8px)">
<router-link
v-if="video.uploaderUrl && video.uploaderName && !hideChannel"
class="uk-link-muted uk-overflow-hidden"
:to="video.uploaderUrl"
:title="video.uploaderName"
style="display:block; width: 90%"
style="display: block; width: 90%"
>
{{ video.uploaderName }}&thinsp;<font-awesome-icon
v-if="video.uploaderVerified"