From 38a8182dd7474576472336ce4e032aa625b3806c Mon Sep 17 00:00:00 2001
From: les <lesion@autistici.org>
Date: Tue, 14 Jan 2020 16:29:53 +0100
Subject: [PATCH] error page style

---
 layouts/error.vue | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/layouts/error.vue b/layouts/error.vue
index 1445050e..fe1f0afe 100644
--- a/layouts/error.vue
+++ b/layouts/error.vue
@@ -1,18 +1,25 @@
 <template lang='pug'>
-  el-main
-    el-card#error
-      h1(v-if="error.statusCode === 404") {{error.message}}
-      h1(v-else) An error occurred: {{error.message}}
+  el-main.p-4.text-center#error
+    h1(v-if="error.statusCode === 404") <i class='el-icon-warning'></i> {{error.message}}
+    h1(v-else) <i name='el-icon-warning'></i> An error occurred: {{error.message}}
+    nuxt-link(to='/') Back to home
 </template>
 
 <script>
+import { mapState } from 'vuex'
+
 export default {
-  props: ['error']
+  props: { error: { type: Object } },
+  computed: mapState(['settings']),
+  head () {
+    return { title: `${this.settings.title} - Error` }
+  }
 }
 </script>
 <style lang="less">
   #error {
     margin-top: 20px;
     color: orange;
+    i { color: orangered }
   }
 </style>