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

fix playlist buttons

Browse Source
This commit is contained in:
Bnyro 2022-08-11 12:57:55 +02:00
parent 1c1afa2128
commit 868eb51ffa
1 changed files with 12 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/components/PlaylistPage.vue
View File

@ -4,7 +4,7 @@
<div v-if="playlist" v-show="!playlist.error"> <div v-if="playlist" v-show="!playlist.error">
<h1 class="text-center my-4" v-text="playlist.name" /> <h1 class="text-center my-4" v-text="playlist.name" />
<div class="grid grid-cols-2"> <div class="flex justify-between items-center">
<div> <div>
<router-link class="link" :to="playlist.uploaderUrl || '/'"> <router-link class="link" :to="playlist.uploaderUrl || '/'">
<img :src="playlist.uploaderAvatar" loading="lazy" class="rounded-full" /> <img :src="playlist.uploaderAvatar" loading="lazy" class="rounded-full" />
@ -12,19 +12,17 @@
</router-link> </router-link>
</div> </div>
<div> <div>
<div class="right-2vw absolute"> <strong v-text="`${playlist.videos} ${$t('video.videos')}`" />
<strong v-text="`${playlist.videos} ${$t('video.videos')}`" /> <br />
<br /> <button class="btn mr-1" v-if="authenticated && !isPipedPlaylist" @click="clonePlaylist">
<button class="btn mr-1" v-if="authenticated && !isPipedPlaylist" @click="clonePlaylist"> {{ $t("actions.clone_playlist") }}<font-awesome-icon class="ml-3" icon="clone" />
{{ $t("actions.clone_playlist") }}<font-awesome-icon class="ml-3" icon="clone" /> </button>
</button> <button class="btn mr-1" @click="downloadPlaylistAsTxt">
<button class="btn mr-1" @click="downloadPlaylistAsTxt"> {{ $t("actions.download_as_txt") }}
{{ $t("actions.download_as_txt") }} </button>
</button> <a class="btn" :href="getRssUrl">
<a class="btn" :href="getRssUrl"> <font-awesome-icon icon="rss" />
<font-awesome-icon icon="rss" /> </a>
</a>
</div>
</div> </div>
</div> </div>