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

Add live indicator for videos, pretranslate more components.

Browse Source
This commit is contained in:
FireMasterK
2022-01-30 23:48:27 +00:00
parent 0a35dcfd85
commit 9b18f2eff2
16 changed files with 41 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/VideoItem.vue
View File

@@ -4,15 +4,14 @@
<img :height="height" :width="width" class="w-full" :src="video.thumbnail" alt="" loading="lazy" />
<div class="relative text-sm">
<span
v-if="video.duration"
class="thumbnail-overlay bottom-5px right-5px px-5px"
class="thumbnail-overlay thumbnail-right"
v-if="video.duration > 0"
v-text="timeFormat(video.duration)"
/>
<span
v-if="video.watched"
class="thumbnail-overlay bottom-5px left-5px px-5px"
v-text="$t('video.watched')"
/>
<i18n-t v-else keypath="video.live" class="thumbnail-overlay thumbnail-right !bg-red-600" tag="div">
<font-awesome-icon class="!w-3" :icon="['fas', 'broadcast-tower']" />
</i18n-t>
<span v-if="video.watched" class="thumbnail-overlay bottom-5px left-5px" v-t="'video.watched'" />
</div>
<div>
@@ -74,7 +73,11 @@
<style>
.thumbnail-overlay {
@apply rounded-md absolute bg-black text-white bg-opacity-75;
@apply rounded-md absolute bg-black text-white bg-opacity-75 px-5px;
}
.thumbnail-right {
@apply bottom-5px right-5px;
}
</style>