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

Finalize video item styling

Browse source
This commit is contained in:
IceDBorn 2021-09-02 01:45:05 +03:00
parent f45067f453
commit 856af24422
1 changed files with 9 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/components/VideoItem.vue
View file

@ -24,19 +24,20 @@
> >
</div> </div>
<div style="display: inline-block; width: 90%"> <div>
<p class="uk-text-break">{{ video.title }}</p> <p class="uk-text-break" style="padding-top: 0.5rem; margin-bottom: 0.5rem">{{ video.title }}</p>
</div> </div>
</router-link>
<div class="uk-align-right" style="margin-left: 0; margin-bottom: 0; display: inline-block; width: 10%"> <div class="uk-align-right" style="margin-left: 0; margin-bottom: 0; display: inline-block; width: 10%">
<router-link :to="video.url + '&listen=1'"> <router-link :to="video.url + '&listen=1'">
<font-awesome-icon icon="headphones"></font-awesome-icon> <font-awesome-icon icon="headphones"></font-awesome-icon>
</router-link> </router-link>
</div> </div>
</router-link>
<div v-if="video.uploaderUrl && video.uploaderName && !hideChannel" style="display: flex; flex-flow: row; height: 15%"> <div v-if="video.uploaderUrl && video.uploaderName && !hideChannel" style="display: flex; flex-flow: row; height: 15%">
<router-link class="uk-link-muted" :to="video.uploaderUrl"> <router-link class="uk-link-muted" :to="video.uploaderUrl">
<img v-if="video.uploaderAvatar" :src="video.uploaderAvatar" loading="lazy" class="uk-border-circle" style="margin-right: 1rem; width: 32px; height: 32px;" /> <img v-if="video.uploaderAvatar" :src="video.uploaderAvatar" loading="lazy" class="uk-border-circle" style="margin-right: 0.5rem; margin-top:0.5rem; width: 32px; height: 32px;" />
</router-link> </router-link>
<div> <div>