mirror of
				https://github.com/TeamPiped/Piped.git
				synced 2024-08-14 23:57:27 +00:00 
			
		
		
		
	Minor visual improvements to the channel page
This commit is contained in:
		
							parent
							
								
									d9e4192de4
								
							
						
					
					
						commit
						f556d37faf
					
				
					 1 changed files with 3 additions and 3 deletions
				
			
		| 
						 | 
					@ -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"
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue