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

Simplify uk-button css.

Browse source
This commit is contained in:
FireMaskterK 2021-10-31 18:36:47 +00:00
parent f1e4380582
commit e3df414cdb
No known key found for this signature in database
GPG key ID: 49451E4482CC5BCD
9 changed files with 23 additions and 53 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/App.vue
View file

@ -119,4 +119,8 @@ b {
.uk-grid > div { .uk-grid > div {
padding-bottom: 1vh; padding-bottom: 1vh;
} }
.uk-button {
background: #222;
}
</style> </style>

8
src/components/Channel.vue
View file

@ -9,13 +9,7 @@
<!-- eslint-disable-next-line vue/no-v-html --> <!-- eslint-disable-next-line vue/no-v-html -->
<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>
<button <button v-if="authenticated" class="uk-button uk-button-small" type="button" @click="subscribeHandler">
v-if="authenticated"
class="uk-button uk-button-small"
style="background: #222"
type="button"
@click="subscribeHandler"
>
{{ subscribed ? $t("actions.unsubscribe") : $t("actions.subscribe") }} {{ subscribed ? $t("actions.unsubscribe") : $t("actions.subscribe") }}
</button> </button>

9
src/components/ErrorHandler.vue
View file

@ -1,9 +1,9 @@
<template> <template>
<p>{{ message }}</p> <p>{{ message }}</p>
<button uk-toggle="target: #stacktrace" class="uk-button uk-button-small" style="background: #222" type="button"> <button @click="toggleTrace" class="uk-button uk-button-small" type="button">
{{ $t("actions.show_more") }} {{ $t("actions.show_more") }}
</button> </button>
<p id="stacktrace" style="white-space: pre-wrap" hidden>{{ error }}</p> <p ref="stacktrace" style="white-space: pre-wrap" hidden>{{ error }}</p>
</template> </template>
<script> <script>
@ -12,5 +12,10 @@ export default {
error: { type: String, default: null }, error: { type: String, default: null },
message: { type: String, default: null }, message: { type: String, default: null },
}, },
methods: {
toggleTrace() {
this.$refs.stacktrace.hidden = !this.$refs.stacktrace.hidden;
},
},
}; };
</script> </script>

2
src/components/FeedPage.vue
View file

@ -4,7 +4,7 @@
<button <button
v-if="authenticated" v-if="authenticated"
class="uk-button uk-button-small" class="uk-button uk-button-small"
style="background: #222; margin-right: 0.5rem" style="margin-right: 0.5rem"
type="button" type="button"
@click="exportHandler" @click="exportHandler"
> >

7
src/components/ImportPage.vue
View file

@ -11,12 +11,7 @@
<b>Override: <input v-model="override" class="uk-checkbox" type="checkbox"/></b> <b>Override: <input v-model="override" class="uk-checkbox" type="checkbox"/></b>
</div> </div>
<div class="uk-form-row"> <div class="uk-form-row">
<a <a class="uk-width-1-1 uk-button uk-button-large uk-width-auto" @click="handleImport">Import</a>
class="uk-width-1-1 uk-button uk-button-primary uk-button-large uk-width-auto"
style="background: #222"
@click="handleImport"
>Import</a
>
</div> </div>
</form> </form>
<br /> <br />

6
src/components/LoginPage.vue
View file

@ -22,11 +22,7 @@
/> />
</div> </div>
<div class="uk-form-row"> <div class="uk-form-row">
<a <a class="uk-width-1-1 uk-button uk-button-large uk-width-auto" @click="login">
class="uk-width-1-1 uk-button uk-button-primary uk-button-large uk-width-auto"
style="background: #222"
@click="login"
>
{{ $t("titles.login") }} {{ $t("titles.login") }}
</a> </a>
</div> </div>

6
src/components/RegisterPage.vue
View file

@ -22,11 +22,7 @@
/> />
</div> </div>
<div class="uk-form-row"> <div class="uk-form-row">
<a <a class="uk-width-1-1 uk-button uk-button-large uk-width-auto" @click="register">
class="uk-width-1-1 uk-button uk-button-primary uk-button-large uk-width-auto"
style="background: #222"
@click="register"
>
{{ $t("titles.register") }}</a {{ $t("titles.register") }}</a
> >
</div> </div>

9
src/components/SubscriptionsPage.vue
View file

@ -2,12 +2,7 @@
<h1 class="uk-text-bold uk-text-center">{{ $t("titles.subscriptions") }}</h1> <h1 class="uk-text-bold uk-text-center">{{ $t("titles.subscriptions") }}</h1>
<div style="text-align: center"> <div style="text-align: center">
<button <button v-if="authenticated" class="uk-button uk-button-small" style=" margin-right: 0.5rem" type="button">
v-if="authenticated"
class="uk-button uk-button-small"
style="background: #222; margin-right: 0.5rem"
type="button"
>
<router-link to="/import"> <router-link to="/import">
{{ $t("actions.import_from_json") }} {{ $t("actions.import_from_json") }}
</router-link> </router-link>
@ -16,7 +11,7 @@
<button <button
v-if="authenticated" v-if="authenticated"
class="uk-button uk-button-small" class="uk-button uk-button-small"
style="background: #222; color: white" style="color: white"
type="button" type="button"
@click="exportHandler" @click="exportHandler"
> >

25
src/components/WatchVideo.vue
View file

@ -45,11 +45,7 @@
<b v-t="'video.ratings_disabled'" /> <b v-t="'video.ratings_disabled'" />
</div> </div>
</template> </template>
<a <a :href="'https://youtu.be/' + getVideoId()" class="uk-margin-small-left uk-button uk-button-small">
:href="'https://youtu.be/' + getVideoId()"
class="uk-margin-small-left uk-button uk-button-small"
style="background: #222"
>
<b>{{ $t("player.watch_on") }}&nbsp;</b> <b>{{ $t("player.watch_on") }}&nbsp;</b>
<font-awesome-icon class="uk-margin-small-right" :icon="['fab', 'youtube']"></font-awesome-icon> <font-awesome-icon class="uk-margin-small-right" :icon="['fab', 'youtube']"></font-awesome-icon>
</a> </a>
@ -57,7 +53,6 @@
v-if="video.lbryId" v-if="video.lbryId"
:href="'https://odysee.com/' + video.lbryId" :href="'https://odysee.com/' + video.lbryId"
class="uk-margin-small-left uk-button uk-button-small" class="uk-margin-small-left uk-button uk-button-small"
style="background: #222"
> >
<b>{{ $t("player.watch_on") }} LBRY</b> <b>{{ $t("player.watch_on") }} LBRY</b>
</a> </a>
@ -77,20 +72,14 @@
{{ video.uploader }} </router-link {{ video.uploader }} </router-link
>&thinsp;<font-awesome-icon v-if="video.uploaderVerified" icon="check"></font-awesome-icon> >&thinsp;<font-awesome-icon v-if="video.uploaderVerified" icon="check"></font-awesome-icon>
<div class="uk-flex-1"></div> <div class="uk-flex-1"></div>
<button <button v-if="authenticated" class="uk-button uk-button-small" type="button" @click="subscribeHandler">
v-if="authenticated"
class="uk-button uk-button-small"
style="background: #222"
type="button"
@click="subscribeHandler"
>
{{ subscribed ? $t("actions.unsubscribe") : $t("actions.subscribe") }} {{ subscribed ? $t("actions.unsubscribe") : $t("actions.subscribe") }}
</button> </button>
</div> </div>
<hr /> <hr />
<a class="uk-button uk-button-small" style="background: #222" @click="showDesc = !showDesc"> <a class="uk-button uk-button-small" @click="showDesc = !showDesc">
{{ showDesc ? $t("actions.minimize_description") : $t("actions.show_description") }} {{ showDesc ? $t("actions.minimize_description") : $t("actions.show_description") }}
</a> </a>
<!-- eslint-disable-next-line vue/no-v-html --> <!-- eslint-disable-next-line vue/no-v-html -->
@ -139,11 +128,7 @@
</div> </div>
<div v-if="video" class="uk-width-1-5@xl uk-width-1-4@s uk-width-1 uk-flex-last@s uk-flex-first"> <div v-if="video" class="uk-width-1-5@xl uk-width-1-4@s uk-width-1 uk-flex-last@s uk-flex-first">
<a <a class="uk-button uk-button-small uk-margin-small-bottom uk-hidden@s" @click="showRecs = !showRecs">
class="uk-button uk-button-small uk-margin-small-bottom uk-hidden@s"
style="background: #222"
@click="showRecs = !showRecs"
>
{{ showRecs ? $t("actions.minimize_recommendations") : $t("actions.show_recommendations") }} {{ showRecs ? $t("actions.minimize_recommendations") : $t("actions.show_recommendations") }}
</a> </a>
<div <div
@ -219,7 +204,7 @@ export default {
(async () => { (async () => {
const videoId = this.getVideoId(); const videoId = this.getVideoId();
const instance = this; const instance = this;
if (window.db) { if (window.db && !this.video.error) {
var tx = window.db.transaction("watch_history", "readwrite"); var tx = window.db.transaction("watch_history", "readwrite");
var store = tx.objectStore("watch_history"); var store = tx.objectStore("watch_history");
var request = store.get(videoId); var request = store.get(videoId);