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

Make avatar images circular (#400)

Browse Source
This commit is contained in:
IceDBorn 2021-09-01 14:36:00 +03:00 committed by GitHub
parent 86b96ae186
commit a45b2b8380
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Channel.vue
View File

@ -2,7 +2,7 @@
<ErrorHandler v-if="channel && channel.error" :message="channel.message" :error="channel.error" /> <ErrorHandler v-if="channel && channel.error" :message="channel.message" :error="channel.error" />
<div v-if="channel" v-show="!channel.error"> <div v-if="channel" v-show="!channel.error">
<h1 class="uk-text-center"><img height="48" width="48" v-bind:src="channel.avatarUrl" />{{ channel.name }}</h1> <h1 class="uk-text-center"><img height="48" width="48" class="uk-border-circle" v-bind:src="channel.avatarUrl" />{{ channel.name }}</h1>
<img v-if="channel.bannerUrl" v-bind:src="channel.bannerUrl" style="width: 100%" loading="lazy" /> <img v-if="channel.bannerUrl" v-bind:src="channel.bannerUrl" style="width: 100%" loading="lazy" />
<p style="white-space: pre-wrap"><span v-html="purifyHTML(urlify(channel.description))"></span></p> <p style="white-space: pre-wrap"><span v-html="purifyHTML(urlify(channel.description))"></span></p>

2
src/components/Playlist.vue
View File

@ -9,7 +9,7 @@
<b <b
><router-link class="uk-text-justify" v-bind:to="playlist.uploaderUrl || '/'"> ><router-link class="uk-text-justify" v-bind:to="playlist.uploaderUrl || '/'">
<img v-bind:src="playlist.uploaderAvatar" loading="lazy" /> <img v-bind:src="playlist.uploaderAvatar" loading="lazy" class="uk-border-circle" />
{{ playlist.uploader }}</router-link {{ playlist.uploader }}</router-link
></b ></b
> >

2
src/components/SubscriptionsPage.vue
View File

@ -14,7 +14,7 @@
<div :key="subscription.url" v-for="subscription in subscriptions"> <div :key="subscription.url" v-for="subscription in subscriptions">
<div class="uk-text-primary" :style="[{ background: backgroundColor }]"> <div class="uk-text-primary" :style="[{ background: backgroundColor }]">
<a :href="subscription.url"> <a :href="subscription.url">
<img :src="subscription.avatar" class="uk-margin-small-right" width="50" height="50" /> <img :src="subscription.avatar" class="uk-margin-small-right uk-border-circle" width="50" height="50" />
<span class="uk-text-truncate">{{ subscription.name }}</span> <span class="uk-text-truncate">{{ subscription.name }}</span>
</a> </a>
<button <button

2
src/components/WatchVideo.vue
View File

@ -56,7 +56,7 @@
</div> </div>
<div class="uk-flex uk-flex-middle uk-margin-small-top"> <div class="uk-flex uk-flex-middle uk-margin-small-top">
<img :src="video.uploaderAvatar" loading="lazy" /> <img :src="video.uploaderAvatar" loading="lazy" class="uk-border-circle" />
<router-link class="uk-text-bold uk-margin-small-left" v-if="video.uploaderUrl" :to="video.uploaderUrl"> <router-link class="uk-text-bold uk-margin-small-left" v-if="video.uploaderUrl" :to="video.uploaderUrl">
<a>{{ video.uploader }}</a> <a>{{ video.uploader }}</a>
</router-link> </router-link>