From a0c5613d815c00206937a5316311b8bb86a9e2ff Mon Sep 17 00:00:00 2001
From: Douglas Barone <douglasvbarone@gmail.com>
Date: Mon, 10 Jul 2023 08:24:02 -0400
Subject: [PATCH] 404 v2

---
 web/src/views/404.vue | 27 +++++++++++++++++++++------
 1 file changed, 21 insertions(+), 6 deletions(-)

diff --git a/web/src/views/404.vue b/web/src/views/404.vue
index c20d026..a23f684 100644
--- a/web/src/views/404.vue
+++ b/web/src/views/404.vue
@@ -1,10 +1,25 @@
 <template>
-  <v-container class="page" fluid>
-    <h1 class="text-h1">404</h1>
-    <p>Página não encontrada...</p>
-    <br />
+  <v-container class="page text-center fill-height">
+    <div style="width: 100%">
+      <h1 class="text-h1 mb-16">404</h1>
+      <p class="mb-16 text-h5">
+        <v-icon start>mdi-file-search-outline</v-icon>
+        Página não encontrada...
+      </p>
+      <br />
 
-    <p>Talvez tenha acabado o toner...</p>
-    <p>Chacoalhe o computador, as vezes resolve... 🤷</p>
+      <p>Talvez tenha acabado o toner...</p>
+      <p>Chacoalhe o computador, as vezes resolve... 🤷</p>
+
+      <v-btn
+        size="x-large"
+        class="mt-16"
+        color="primary"
+        :to="{ name: 'Home' }"
+      >
+        <v-icon start>mdi-home</v-icon>
+        Início
+      </v-btn>
+    </div>
   </v-container>
 </template>