From eb2b7e5cdd3a2f1904bfc8f478d9e4d0470ec35c Mon Sep 17 00:00:00 2001
From: Hubert Van De Walle <hubv@protonmail.com>
Date: Mon, 6 Jul 2020 16:08:32 +0200
Subject: [PATCH] Add 404 page

---
 frontend/layouts/error.vue | 26 ++++++++++++++++----------
 1 file changed, 16 insertions(+), 10 deletions(-)

diff --git a/frontend/layouts/error.vue b/frontend/layouts/error.vue
index 7b09a87..bb2264f 100644
--- a/frontend/layouts/error.vue
+++ b/frontend/layouts/error.vue
@@ -1,14 +1,20 @@
 <template>
-    <div>
-        <h1 v-if="error.statusCode === 404">
-            {{ pageNotFound }}
-        </h1>
-        <h1 v-else>
-            {{ otherError }}
-        </h1>
-        <NuxtLink to="/">
-            Home page
-        </NuxtLink>
+    <div
+        class="h-screen container mx-auto h-full flex justify-center items-center"
+    >
+        <div
+            class="text-gray-200 w-full md:w-1/2 lg:w-1/3 bg-gray-800 border-teal-500 p-8 border-t-8 bg-white mb-6 rounded-lg shadow-lg"
+        >
+            <h1 v-if="error.statusCode === 404">
+                {{ pageNotFound }}
+            </h1>
+            <h1 v-else>
+                {{ otherError }}
+            </h1>
+            <NuxtLink to="/" class="text-blue-200 underline">
+                Home page
+            </NuxtLink>
+        </div>
     </div>
 </template>