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

style: 🎨 style error screen

Browse source
This commit is contained in:
Kenny 2022-09-03 13:42:21 -04:00
parent b4a7efb2e9
commit c74800d6ad
1 changed files with 15 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
NUXT/layouts/error.vue
View file

@ -1,26 +1,24 @@
<template> <template>
<v-app> <v-app>
<center> <center style="padding: 10% 0;">
<v-icon size="100">mdi-alert-circle</v-icon> <v-icon size="100">mdi-heart-broken</v-icon>
<h1 <h1>Something went wrong</h1>
class="background--text" <v-btn rounded to="/" color="primary darken-2"><v-icon>mdi-restart</v-icon>Restart</v-btn>
:class="$vuetify.theme.dark ? 'text--lighten-4' : 'text--darken-4'" <v-btn rounded @click="exit"><v-icon>mdi-close</v-icon>Exit</v-btn>
>
An error occured!
</h1>
<v-btn to="/">Reload Application</v-btn>
<v-btn to="/mods/logs">Show Logs</v-btn>
<div style="margin-top: 5em; color: #999; font-size: 0.75em"> <div style="margin-top: 5em; color: #999; font-size: 0.75em">
<div style="font-size: 1.4em">Error Information</div> <div style="font-size: 1.4em">Crash Information</div>
<div>Code: {{ error.statusCode }}</div> <div>Reason: {{ error.message }}</div>
<div>Path: {{ $route.fullPath }}</div> <div>Path: {{ $route.fullPath }}</div>
<div>Code: {{ error.statusCode }}</div>
</div> </div>
</center> </center>
</v-app> </v-app>
</template> </template>
<script> <script>
import { App } from '@capacitor/app';
export default { export default {
layout: "empty", layout: "empty",
props: { props: {
@ -29,5 +27,10 @@ export default {
default: null, default: null,
}, },
}, },
method: {
exit() {
App.exitApp()
}
}
}; };
</script> </script>