Mirrored_Repos/Piped
1
0
Fork 0
mirror of https://github.com/TeamPiped/Piped.git synced 2024-11-15 12:48:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update ChannelPage.vue

Browse Source
This commit is contained in:
Dragos 2022-11-08 18:53:43 +02:00 committed by GitHub
parent 8837c1c9fe
commit d6ccc7e28b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 32 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
src/components/ChannelPage.vue
View File

@ -13,29 +13,30 @@
<span v-html="purifyHTML(urlify(channel.description))" /> <span v-html="purifyHTML(urlify(channel.description))" />
</p> </p>
<button <div class="flex mt-4 mb-2 pp-channel-tabs">
class="btn" <button
@click="subscribeHandler" class="btn pp-subscribe"
v-t="{ @click="subscribeHandler"
path: `actions.${subscribed ? 'unsubscribe' : 'subscribe'}`, v-t="{
args: { count: numberFormat(channel.subscriberCount) }, path: `actions.${subscribed ? 'unsubscribe' : 'subscribe'}`,
}" args: { count: numberFormat(channel.subscriberCount) },
></button> }"
></button>
<!-- RSS Feed button --> <!-- RSS Feed button -->
<a <a
aria-label="RSS feed" aria-label="RSS feed"
title="RSS feed" title="RSS feed"
role="button" role="button"
v-if="channel.id" v-if="channel.id"
:href="`${apiUrl()}/feed/unauthenticated/rss?channels=${channel.id}`" :href="`${apiUrl()}/feed/unauthenticated/rss?channels=${channel.id}`"
target="_blank" target="_blank"
class="btn flex-col ml-3" class="btn flex-col ml-2"
> style="display: inline; float: unset"
<font-awesome-icon icon="rss" /> >
</a> <font-awesome-icon icon="rss" />
</a>
<div class="flex mt-4 mb-2"> <p>|</p>
<button <button
v-for="(tab, index) in tabs" v-for="(tab, index) in tabs"
:key="tab.name" :key="tab.name"
@ -57,11 +58,20 @@
height="94" height="94"
width="168" width="168"
hide-channel hide-channel
class="efy_trans_filter"
/> />
</div> </div>
</div> </div>
</template> </template>
<style>
.pp-channel-tabs > p {
place-self: center;
padding: 0 10rem;
-webkit-text-fill-color: var(--efy_text_trans2);
}
</style>
<script> <script>
import ErrorHandler from "./ErrorHandler.vue"; import ErrorHandler from "./ErrorHandler.vue";
import ContentItem from "./ContentItem.vue"; import ContentItem from "./ContentItem.vue";
@ -236,9 +246,3 @@ export default {
}, },
}; };
</script> </script>
<style>
.active {
border: 0.1rem outset red;
}
</style>