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 {
padding-bottom: 1vh;
}
.uk-button {
background: #222;
}
</style>

8
src/components/Channel.vue
View file

@ -9,13 +9,7 @@
<!-- eslint-disable-next-line vue/no-v-html -->
<p style="white-space: pre-wrap"><span v-html="purifyHTML(urlify(channel.description))"></span></p>
<button
v-if="authenticated"
class="uk-button uk-button-small"
style="background: #222"
type="button"
@click="subscribeHandler"
>
<button v-if="authenticated" class="uk-button uk-button-small" type="button" @click="subscribeHandler">
{{ subscribed ? $t("actions.unsubscribe") : $t("actions.subscribe") }}
</button>

9
src/components/ErrorHandler.vue
View file

@ -1,9 +1,9 @@
<template>
<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") }}
</button>
<p id="stacktrace" style="white-space: pre-wrap" hidden>{{ error }}</p>
<p ref="stacktrace" style="white-space: pre-wrap" hidden>{{ error }}</p>
</template>
<script>
@ -12,5 +12,10 @@ export default {
error: { type: String, default: null },
message: { type: String, default: null },
},
methods: {
toggleTrace() {
this.$refs.stacktrace.hidden = !this.$refs.stacktrace.hidden;
},
},
};
</script>

2
src/components/FeedPage.vue
View file

@ -4,7 +4,7 @@
<button
v-if="authenticated"
class="uk-button uk-button-small"
style="background: #222; margin-right: 0.5rem"
style="margin-right: 0.5rem"
type="button"
@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>
</div>
<div class="uk-form-row">
<a
class="uk-width-1-1 uk-button uk-button-primary uk-button-large uk-width-auto"
style="background: #222"
@click="handleImport"
>Import</a
>
<a class="uk-width-1-1 uk-button uk-button-large uk-width-auto" @click="handleImport">Import</a>
</div>
</form>
<br />

6
src/components/LoginPage.vue
View file

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

6
src/components/RegisterPage.vue
View file

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

9
src/components/SubscriptionsPage.vue
View file

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

25
src/components/WatchVideo.vue
View file

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