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

change video channel layout

Browse source
This commit is contained in:
jim3692 2021-09-01 20:13:02 +03:00
parent 21188cefce
commit df4c925a28
1 changed files with 33 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

59
src/components/VideoItem.vue
View file

@ -23,36 +23,43 @@
>Watched</span >Watched</span
> >
</div> </div>
<p class="uk-text-break">{{ video.title }}</p>
<div style="display: inline-block; width: 90%">
<p class="uk-text-break">{{ video.title }}</p>
</div>
<div class="uk-align-right" style="margin-left: 0; margin-bottom: 0; display: inline-block; width: 10%">
<router-link :to="video.url + '&listen=1'">
<font-awesome-icon icon="headphones"></font-awesome-icon>
</router-link>
</div>
</router-link> </router-link>
<span v-if="video.uploaderUrl && video.uploaderName && !hideChannel"> <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"> <img :src="video.uploaderAvatar" loading="lazy" class="uk-border-circle"/>
{{ video.uploaderName }}&thinsp;<font-awesome-icon
v-if="video.uploaderVerified"
icon="check"
></font-awesome-icon>
</router-link>
<br />
</span>
<b v-if="video.views >= 0 || video.uploadedDate" class="uk-text-small"> <div style="padding-left: 1rem">
<span v-if="video.views >= 0"> <router-link class="uk-link-muted" :to="video.uploaderUrl">
<font-awesome-icon icon="eye"></font-awesome-icon> {{ video.uploaderName }}&thinsp;<font-awesome-icon
{{ numberFormat(video.views) }} • v-if="video.uploaderVerified"
</span> icon="check"
<span v-if="video.uploadedDate"> ></font-awesome-icon>
{{ video.uploadedDate }} </router-link>
</span>
<span v-if="video.uploaded">
{{ timeAgo(video.uploaded) }}
</span>
</b>
<div class="uk-align-right" style="margin-left: 0"> <br />
<router-link :to="video.url + '&listen=1'">
<font-awesome-icon icon="headphones"></font-awesome-icon> <b v-if="video.views >= 0 || video.uploadedDate" class="uk-text-small">
</router-link> <span v-if="video.views >= 0">
<font-awesome-icon icon="eye"></font-awesome-icon>
{{ numberFormat(video.views) }} •
</span>
<span v-if="video.uploadedDate">
{{ video.uploadedDate }}
</span>
<span v-if="video.uploaded">
{{ timeAgo(video.uploaded) }}
</span>
</b>
</div>
</div> </div>
</div> </div>
</template> </template>