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