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

Finish comments implementation.

Browse source
This commit is contained in:
FireMasterK 2021-05-26 01:10:19 +05:30
parent f75d023b60
commit ac950173ee
No known key found for this signature in database
GPG key ID: 8DFF5DD33E93DB58
1 changed files with 21 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

40
src/components/WatchVideo.vue
View file

@ -35,10 +35,10 @@
<hr />
<div class="uk-grid-match uk-grid-small" uk-grid>
<div v-if="comments">
<div uk-grid>
<div class="uk-width-4-5" v-if="comments">
<div
class="uk-tile-default uk-align-left uk-width-3-4"
class="uk-tile-default uk-align-left uk-width-expand"
style="background: #0b0e0f"
v-bind:key="comment.commentId"
v-for="comment in comments.comments"
@ -61,23 +61,25 @@
</div>
</div>
<div
class="uk-text-secondary uk-width-auto"
style="background: #0b0e0f; width: 300px"
v-bind:key="related.url"
v-for="related in video.relatedStreams"
>
<router-link class="uk-link-muted" v-bind:to="related.url">
<p class="uk-text-emphasis">{{ related.title }}</p>
<img style="width: 100%" v-bind:src="related.thumbnail" loading="lazy" />
</router-link>
<p>
<router-link class="uk-link-muted" v-bind:to="related.uploaderUrl || '/'">
<p>{{ related.uploaderName }}</p>
<div class="uk-width-1-5" v-if="video">
<div
class="uk-tile-default uk-width-auto"
style="background: #0b0e0f"
v-bind:key="related.url"
v-for="related in video.relatedStreams"
>
<router-link class="uk-link-muted" v-bind:to="related.url">
<p class="uk-text-emphasis">{{ related.title }}</p>
<img style="width: 100%" v-bind:src="related.thumbnail" loading="lazy" />
</router-link>
<font-awesome-icon icon="eye"></font-awesome-icon>
{{ related.views }} views
</p>
<p>
<router-link class="uk-link-muted" v-bind:to="related.uploaderUrl || '/'">
<p>{{ related.uploaderName }}</p>
</router-link>
<font-awesome-icon icon="eye"></font-awesome-icon>
{{ related.views }} views
</p>
</div>
</div>
</div>
</div>