1
0
mirror of https://github.com/TeamPiped/Piped.git synced 2024-12-14 14:20:28 +05:30

Minor visual improvements to the channel page

This commit is contained in:
Bnyro 2023-03-16 16:26:09 +01:00
parent d9e4192de4
commit f556d37faf

View File

@ -43,11 +43,11 @@
</div> </div>
<!-- eslint-disable-next-line vue/no-v-html --> <!-- eslint-disable-next-line vue/no-v-html -->
<div class="whitespace-pre-wrap py-2"> <div class="whitespace-pre-wrap py-2 mx-1">
<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 <button
class="hover:underline font-semibold text-neutral-500 ml-1" class="hover:underline font-semibold text-neutral-500 block whitespace-normal"
@click="fullDescription = !fullDescription" @click="fullDescription = !fullDescription"
> >
[{{ fullDescription ? $t("actions.show_less") : $t("actions.show_more") }}] [{{ fullDescription ? $t("actions.show_less") : $t("actions.show_more") }}]
@ -56,7 +56,7 @@
<WatchOnYouTubeButton :link="`https://youtube.com/channel/${this.channel.id}`" /> <WatchOnYouTubeButton :link="`https://youtube.com/channel/${this.channel.id}`" />
<div class="flex my-2"> <div class="flex my-2 mx-1">
<button <button
v-for="(tab, index) in tabs" v-for="(tab, index) in tabs"
:key="tab.name" :key="tab.name"