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

Show video count per playlist.

Browse source 
Closes #1524
This commit is contained in:
Kavin 2022-10-11 06:00:51 +01:00
parent 107102ff2e
commit 31f3c2eb58
No known key found for this signature in database
GPG key ID: 49451E4482CC5BCD
3 changed files with 17 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/App.vue
View file

@ -209,4 +209,15 @@ h2 {
.dark .line {
@apply bg-white;
}
.thumbnail-overlay {
@apply rounded-md absolute bg-black text-white bg-opacity-75 px-5px;
}
.thumbnail-right {
@apply bottom-5px right-5px;
}
.thumbnail-left {
@apply bottom-5px left-5px text-xs font-bold bg-red-600 uppercase;
}
</style>

6
src/components/PlaylistsPage.vue
View file

@ -9,6 +9,12 @@
<div v-for="playlist in playlists" :key="playlist.id">
<router-link :to="`/playlist?list=${playlist.id}`">
<img class="w-full" :src="playlist.thumbnail" alt="thumbnail" />
<div class="relative text-sm">
<span
class="thumbnail-overlay thumbnail-right"
v-text="`${playlist.videos} ${$t('video.videos')}`"
/>
</div>
<p
style="display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical"
class="my-2 overflow-hidden flex link"

11
src/components/VideoItem.vue
View file

@ -114,17 +114,6 @@
</template>
<style>
.thumbnail-overlay {
@apply rounded-md absolute bg-black text-white bg-opacity-75 px-5px;
}
.thumbnail-right {
@apply bottom-5px right-5px;
}
.thumbnail-left {
@apply bottom-5px left-5px text-xs font-bold bg-red-600 uppercase;
}
.shorts-img {
@apply max-h-[17.5vh] w-full object-contain;
}