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

Center "Watch on YouTube" text and icon

Browse source
This commit is contained in:
Nyte 2023-06-15 15:17:16 +02:00
parent e982c1e75c
commit 3101cda845
1 changed files with 4 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/components/WatchOnYouTubeButton.vue
View file

@ -9,13 +9,12 @@ export default {
<template> <template>
<template v-if="this.getPreferenceBoolean('showWatchOnYouTube', false)"> <template v-if="this.getPreferenceBoolean('showWatchOnYouTube', false)">
<!-- For large screens --> <!-- For large screens -->
<a :href="link" class="btn lt-lg:hidden"> <a :href="link" class="btn lt-lg:hidden flex items-center">
<i18n-t keypath="player.watch_on" tag="strong"> <i18n-t keypath="player.watch_on" tag="strong">YouTube</i18n-t>
<font-awesome-icon class="mx-1.5" :icon="['fab', 'youtube']" /> <font-awesome-icon class="mx-1.5" :icon="['fab', 'youtube']" />
</i18n-t>
</a> </a>
<!-- For small screens --> <!-- For small screens -->
<a :href="link" class="btn lg:hidden"> <a :href="link" class="btn lg:hidden flex items-center">
<font-awesome-icon class="mx-1.5" :icon="['fab', 'youtube']" /> <font-awesome-icon class="mx-1.5" :icon="['fab', 'youtube']" />
</a> </a>
</template> </template>