etc/VueTube
0
0
Fork 0
mirror of https://github.com/VueTubeApp/VueTube synced 2024-11-22 19:25:16 +00:00
Code Issues Projects Releases Wiki Activity

style: 🎨 Lint

Browse source
This commit is contained in:
Front 2022-04-03 20:39:48 -04:00
parent 0ec73029d0
commit 10339598e8
1 changed files with 64 additions and 74 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

56
NUXT/pages/mods/updates.vue
View file

@ -1,49 +1,29 @@
<template>
<div class="py-2">
<v-list-item v-for="(item, index) in commits" :key="index" class="my-1">
<v-card
flat
class="card my-2 background"
:class="$vuetify.theme.dark ? 'lighten-1' : 'darken-1'"
>
<v-card flat class="card my-2 background" :class="$vuetify.theme.dark ? 'lighten-1' : 'darken-1'">
<v-card-title style="padding: 0 0.25em 0 0.75em">
{{ item.author ? item.author.login : item.commit.author.name }}
<span
class="subtitle background--text"
:class="$vuetify.theme.dark ? 'text--lighten-4' : 'text--darken-4'"
v-text="`• ${item.sha.substring(0, 7)}`"
/>
<span class="subtitle background--text" :class="$vuetify.theme.dark ? 'text--lighten-4' : 'text--darken-4'"
v-text="`• ${item.sha.substring(0, 7)}`" />
<v-spacer />
<v-chip
v-if="index == 0"
class="tags"
color="orange"
style="
<v-chip v-if="index == 0" class="tags" color="orange" style="
border-radius: 0.5rem;
border: 2px var(--v-orange-base);
"
>
">
Latest
</v-chip>
<v-chip
v-if="item.sha == installedVersion"
class="tags"
color="green"
style="
<v-chip v-if="item.sha == installedVersion" class="tags" color="green" style="
border-radius: 0.5rem;
border: 2px var(--v-green-base);
"
>
>Installed</v-chip
>
">
Installed
</v-chip>
</v-card-title>
<div style="margin-left: 1em">
<div
class="date background--text"
:class="$vuetify.theme.dark ? 'text--lighten-4' : 'text--darken-4'"
v-text="new Date(item.commit.committer.date).toLocaleString()"
/>
<div class="date background--text" :class="$vuetify.theme.dark ? 'text--lighten-4' : 'text--darken-4'"
v-text="new Date(item.commit.committer.date).toLocaleString()" />
{{ item.commit.message }}
</div>
@ -65,24 +45,31 @@
.card {
width: 100%;
}
.subtitle {
margin: 0.4em;
font-size: 0.75em;
transform: translateY(5%);
}
.date {
transform: translateY(-40%);
}
.btn-icon {
margin-right: 0.25em;
}
.tags {
margin-left: 0.5em;
}
</style>
<script>
import { Browser } from "@capacitor/browser";
import {
Browser
} from "@capacitor/browser";
export default {
data() {
@ -102,7 +89,9 @@ export default {
},
methods: {
async openExternal(item) {
await Browser.open({ url: item.html_url });
await Browser.open({
url: item.html_url
});
},
install(item) {
@ -112,4 +101,5 @@ export default {
},
},
};
</script>