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

Run yarn lint.

Browse source
This commit is contained in:
FireMaskterK 2021-10-28 18:55:20 +01:00
parent ea4aabd4ea
commit 07529362cf
No known key found for this signature in database
GPG key ID: 49451E4482CC5BCD
7 changed files with 22 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/Comment.vue
View file

@ -3,7 +3,7 @@
<img <img
:src="comment.thumbnail" :src="comment.thumbnail"
class="comment-avatar uk-border-circle uk-margin-right" class="comment-avatar uk-border-circle uk-margin-right"
style="width: 48px; height: 48px;" style="width: 48px; height: 48px"
loading="lazy" loading="lazy"
alt="Avatar" alt="Avatar"
/> />
@ -28,7 +28,7 @@
{{ comment.commentText }} {{ comment.commentText }}
</div> </div>
<div class="comment-footer uk-margin-small-top uk-text-meta"> <div class="comment-footer uk-margin-small-top uk-text-meta">
<font-awesome-icon icon="thumbs-up" style="margin-right: 4px;"></font-awesome-icon> <font-awesome-icon icon="thumbs-up" style="margin-right: 4px"></font-awesome-icon>
<span>{{ numberFormat(comment.likeCount) }}</span> <span>{{ numberFormat(comment.likeCount) }}</span>
&nbsp; &nbsp;
<font-awesome-icon v-if="comment.hearted" icon="heart"></font-awesome-icon> <font-awesome-icon v-if="comment.hearted" icon="heart"></font-awesome-icon>

4
src/components/FeedPage.vue
View file

@ -8,9 +8,7 @@
type="button" type="button"
@click="exportHandler" @click="exportHandler"
> >
<router-link to="/subscriptions"> <router-link to="/subscriptions"> Subscriptions </router-link>
Subscriptions
</router-link>
</button> </button>
<span> <span>

2
src/components/ImportPage.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<div class="uk-vertical-align uk-text-center uk-height-1-1 "> <div class="uk-vertical-align uk-text-center uk-height-1-1">
<form class="uk-panel uk-panel-box"> <form class="uk-panel uk-panel-box">
<div class="uk-form-row"> <div class="uk-form-row">
<input ref="fileSelector" type="file" @change="fileChange" /> <input ref="fileSelector" type="file" @change="fileChange" />

4
src/components/LoginPage.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<div class="uk-vertical-align uk-text-center uk-height-1-1 "> <div class="uk-vertical-align uk-text-center uk-height-1-1">
<form class="uk-panel uk-panel-box"> <form class="uk-panel uk-panel-box">
<div class="uk-form-row"> <div class="uk-form-row">
<input <input
@ -14,7 +14,7 @@
<div class="uk-form-row"> <div class="uk-form-row">
<input <input
v-model="password" v-model="password"
class="uk-width-1-1 uk-form-large uk-input uk-width-auto" class="uk-width-1-1 uk-form-large uk-input uk-width-auto"
type="password" type="password"
autocomplete="password" autocomplete="password"
:placeholder="$t('login.password')" :placeholder="$t('login.password')"

4
src/components/RegisterPage.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<div class="uk-vertical-align uk-text-center uk-height-1-1 "> <div class="uk-vertical-align uk-text-center uk-height-1-1">
<form class="uk-panel uk-panel-box"> <form class="uk-panel uk-panel-box">
<div class="uk-form-row"> <div class="uk-form-row">
<input <input
@ -14,7 +14,7 @@
<div class="uk-form-row"> <div class="uk-form-row">
<input <input
v-model="password" v-model="password"
class="uk-width-1-1 uk-form-large uk-input uk-width-auto" class="uk-width-1-1 uk-form-large uk-input uk-width-auto"
type="password" type="password"
autocomplete="password" autocomplete="password"
:placeholder="$t('login.password')" :placeholder="$t('login.password')"

2
src/components/SubscriptionsPage.vue
View file

@ -25,7 +25,7 @@
</div> </div>
<hr /> <hr />
<div v-for="subscription in subscriptions" :key="subscription.url" style="text-align: center;"> <div v-for="subscription in subscriptions" :key="subscription.url" style="text-align: center">
<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 uk-border-circle" width="96" height="96" /> <img :src="subscription.avatar" class="uk-margin-small-right uk-border-circle" width="96" height="96" />

19
src/components/VideoItem.vue
View file

@ -6,20 +6,27 @@
<span <span
v-if="video.duration" v-if="video.duration"
class="uk-label uk-border-rounded uk-position-absolute video-duration" class="uk-label uk-border-rounded uk-position-absolute video-duration"
style="bottom: 5px; right: 5px; background: rgba(0, 0, 0, .75); color: white; padding: 0 5px;" style="bottom: 5px; right: 5px; background: rgba(0, 0, 0, 0.75); color: white; padding: 0 5px"
>{{ timeFormat(video.duration) }}</span >{{ timeFormat(video.duration) }}</span
> >
<span <span
v-if="video.watched" v-if="video.watched"
class="uk-label uk-border-rounded uk-position-absolute video-duration" class="uk-label uk-border-rounded uk-position-absolute video-duration"
style="bottom: 5px; left: 5px; background: rgba(0, 0, 0, .75); color: white; padding: 0 5px;" style="bottom: 5px; left: 5px; background: rgba(0, 0, 0, 0.75); color: white; padding: 0 5px"
>{{ $t("video.watched") }}</span >{{ $t("video.watched") }}</span
> >
</div> </div>
<div> <div>
<p <p
style="padding-top: 0.5rem; margin-bottom: 0.5rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;" style="
padding-top: 0.5rem;
margin-bottom: 0.5rem;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
"
:title="video.title" :title="video.title"
> >
{{ video.title }} {{ video.title }}
@ -45,17 +52,17 @@
loading="lazy" loading="lazy"
:alt="video.uploaderName" :alt="video.uploaderName"
class="uk-border-circle" class="uk-border-circle"
style="margin-right: 0.5rem; margin-top:0.5rem; width: 32px; height: 32px;" style="margin-right: 0.5rem; margin-top: 0.5rem; width: 32px; height: 32px"
/> />
</router-link> </router-link>
<div style="width: calc(100% - 32px - 8px);"> <div style="width: calc(100% - 32px - 8px)">
<router-link <router-link
v-if="video.uploaderUrl && video.uploaderName && !hideChannel" v-if="video.uploaderUrl && video.uploaderName && !hideChannel"
class="uk-link-muted uk-overflow-hidden" class="uk-link-muted uk-overflow-hidden"
:to="video.uploaderUrl" :to="video.uploaderUrl"
:title="video.uploaderName" :title="video.uploaderName"
style="display:block; width: 90%" style="display: block; width: 90%"
> >
{{ video.uploaderName }}&thinsp;<font-awesome-icon {{ video.uploaderName }}&thinsp;<font-awesome-icon
v-if="video.uploaderVerified" v-if="video.uploaderVerified"