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

Fix small banner on mobile devices and localize show more/show less

Browse source
This commit is contained in:
rramiachraf 2023-03-16 00:27:52 +01:00
parent 725b9d2c48
commit 7e173e6c12
2 changed files with 10 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/components/ChannelPage.vue
View file

@ -2,8 +2,8 @@
<ErrorHandler v-if="channel && channel.error" :message="channel.message" :error="channel.error" /> <ErrorHandler v-if="channel && channel.error" :message="channel.message" :error="channel.error" />
<LoadingIndicatorPage :show-content="channel != null && !channel.error"> <LoadingIndicatorPage :show-content="channel != null && !channel.error">
<img v-if="channel.bannerUrl" :src="channel.bannerUrl" class="w-full pb-1.5" loading="lazy" /> <img v-if="channel.bannerUrl" :src="channel.bannerUrl" class="w-full py-1.5 h-30 object-cover" loading="lazy" />
<div class="flex justify-between items-center"> <div class="flex flex-col md:flex-row justify-between items-center">
<div class="flex place-items-center"> <div class="flex place-items-center">
<img height="48" width="48" class="rounded-full m-1" :src="channel.avatarUrl" /> <img height="48" width="48" class="rounded-full m-1" :src="channel.avatarUrl" />
<div class="flex gap-1 items-center"> <div class="flex gap-1 items-center">
@ -41,8 +41,11 @@
<div class="whitespace-pre-wrap py-3"> <div class="whitespace-pre-wrap py-3">
<span v-if="fullDescription" v-html="purifyHTML(rewriteDescription(channel.description))" /> <span v-if="fullDescription" v-html="purifyHTML(rewriteDescription(channel.description))" />
<span v-html="purifyHTML(rewriteDescription(channel.description.slice(0, 100))) + '...'" v-else /> <span v-html="purifyHTML(rewriteDescription(channel.description.slice(0, 100))) + '...'" v-else />
<button class="hover:underline font-semibold ml-1" @click="fullDescription = !fullDescription"> <button
[{{ fullDescription ? "Show less" : "Show more" }}] class="hover:underline font-semibold text-neutral-500 ml-1"
@click="fullDescription = !fullDescription"
>
[{{ fullDescription ? $t("actions.show_less") : $t("actions.show_more") }}]
</button> </button>
</div> </div>

4
src/locales/en.json
View file

@ -127,7 +127,9 @@
"no_valid_playlists": "The file doesn't contain valid playlists!", "no_valid_playlists": "The file doesn't contain valid playlists!",
"with_playlist": "Share with playlist", "with_playlist": "Share with playlist",
"bookmark_playlist": "Bookmark", "bookmark_playlist": "Bookmark",
"playlist_bookmarked": "Bookmarked" "playlist_bookmarked": "Bookmarked",
"show_more": "Show more",
"show_less": "Show less"
}, },
"comment": { "comment": {
"pinned_by": "Pinned by {author}", "pinned_by": "Pinned by {author}",