Piped/src/components/WatchOnButton.vue
Nyte 840e844947
Fix buttons UI under video player, add icon for Odysee (#2551)
Co-authored-by: Bnyro <bnyro@tutanota.com>
2023-06-16 15:07:35 +00:00

27 lines
806 B
Vue

<script>
export default {
props: {
link: String,
platform: {
type: String,
required: false,
default: "YouTube",
},
},
};
</script>
<template>
<template v-if="this.getPreferenceBoolean('showWatchOnYouTube', false)">
<!-- For large screens -->
<a :href="link" class="btn lt-lg:hidden flex items-center">
<i18n-t keypath="player.watch_on" tag="strong">{{ platform }}</i18n-t>
<font-awesome-icon class="mx-1.5" :icon="['fab', platform.toLowerCase()]" />
</a>
<!-- For small screens -->
<a :href="link" class="btn lg:hidden flex items-center">
<font-awesome-icon class="mx-1.5" :icon="['fab', platform.toLowerCase()]" />
</a>
</template>
</template>