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

shorts label for video items if video length <= a minute

Browse source
This commit is contained in:
Sai Karthik 2022-06-21 11:15:47 +05:30
parent 81e8f388c9
commit 00aa83b802
No known key found for this signature in database
GPG key ID: F5B9A961BF6EAF0E
1 changed files with 8 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/components/VideoItem.vue
View file

@ -23,7 +23,8 @@
v-if="video.duration > 0"
v-text="timeFormat(video.duration)"
/>
<span class="thumbnail-overlay thumbnail-right" v-if="video.duration <= 60" v-text="`SHORTS`" />
<!-- shorts thumbnail -->
<span class="thumbnail-overlay thumbnail-left" v-if="video.duration <= 60" v-t="SHORTS" />
<span
class="thumbnail-overlay thumbnail-right"
v-else-if="video.duration >= 60"
@ -120,6 +121,12 @@
.thumbnail-right {
@apply bottom-5px right-5px;
}
.thumbnail-left {
@apply bottom-5px left-5px;
background-color: #f40407;
font-size: 10px;
font-weight: bold;
}
</style>
<script>