mirror of https://github.com/dethos/kinspect.git
Add alert and footer
This commit is contained in:
parent
b53dd7f5c1
commit
2cc3261d6d
26
src/App.vue
26
src/App.vue
|
@ -6,14 +6,26 @@
|
||||||
<span class="font-weight-light">Check the details of any PGP key</span>
|
<span class="font-weight-light">Check the details of any PGP key</span>
|
||||||
</v-toolbar-title>
|
</v-toolbar-title>
|
||||||
<v-spacer></v-spacer>
|
<v-spacer></v-spacer>
|
||||||
|
<v-btn text v-on:click="changeTheme">
|
||||||
|
<span class="mr-2">Swicth to {{darkTheme ? "light theme" : "dark theme"}}</span>
|
||||||
|
</v-btn>
|
||||||
<v-btn text href="https://github.com/dethos/kinspector" target="_blank">
|
<v-btn text href="https://github.com/dethos/kinspector" target="_blank">
|
||||||
<span class="mr-2">Git Repository</span>
|
<span class="mr-2">Check source code</span>
|
||||||
</v-btn>
|
</v-btn>
|
||||||
</v-app-bar>
|
</v-app-bar>
|
||||||
|
|
||||||
<v-content>
|
<v-content>
|
||||||
<KeyInspector />
|
<KeyInspector />
|
||||||
</v-content>
|
</v-content>
|
||||||
|
|
||||||
|
<v-footer>
|
||||||
|
<div class="flex-grow-1"></div>
|
||||||
|
<div>
|
||||||
|
Developed by
|
||||||
|
<a href="https://ovalerio.net>">Gonçalo Valério</a> | License:
|
||||||
|
<a href="https://github.com/dethos/kinspector/blob/master/LICENSE">AGPL</a>
|
||||||
|
</div>
|
||||||
|
</v-footer>
|
||||||
</v-app>
|
</v-app>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
@ -25,9 +37,17 @@ export default {
|
||||||
components: {
|
components: {
|
||||||
KeyInspector
|
KeyInspector
|
||||||
},
|
},
|
||||||
data: () => ({}),
|
data: () => ({
|
||||||
|
darkTheme: true
|
||||||
|
}),
|
||||||
created: function() {
|
created: function() {
|
||||||
this.$vuetify.theme.dark = true;
|
this.$vuetify.theme.dark = this.darkTheme;
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
changeTheme: function() {
|
||||||
|
this.darkTheme = !this.darkTheme;
|
||||||
|
this.$vuetify.theme.dark = this.darkTheme;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
|
@ -69,9 +69,6 @@
|
||||||
</v-list-item-title>
|
</v-list-item-title>
|
||||||
</v-list-item-content>
|
</v-list-item-content>
|
||||||
</v-list>
|
</v-list>
|
||||||
<div>
|
|
||||||
<v-subheader>Subkeys</v-subheader>
|
|
||||||
</div>
|
|
||||||
</v-card-text>
|
</v-card-text>
|
||||||
</v-card>
|
</v-card>
|
||||||
</template>
|
</template>
|
||||||
|
|
|
@ -2,6 +2,7 @@
|
||||||
<v-container fluid>
|
<v-container fluid>
|
||||||
<v-row>
|
<v-row>
|
||||||
<v-col>
|
<v-col>
|
||||||
|
<v-alert dismissible type="error">Do not paste any private key that is currently in use.</v-alert>
|
||||||
<v-textarea
|
<v-textarea
|
||||||
outlined
|
outlined
|
||||||
autofocus
|
autofocus
|
||||||
|
|
Loading…
Reference in New Issue