From 4fed74102e68c839446e9abb293f05c49b1becfb Mon Sep 17 00:00:00 2001
From: tim <tim.veenendaal@gmail.com>
Date: Wed, 28 Jul 2021 23:44:08 +0200
Subject: [PATCH] Separate errors and make them dissmissable

---
 src/views/Home.vue | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/views/Home.vue b/src/views/Home.vue
index 7ed25fc..c44c7ac 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -1,13 +1,20 @@
 <template>
   <div>
+    <div class="md-layout" v-if="error" @click="error = null">
+      <div class="md-layout-item">
+        <md-app>
+          <md-app-content>
+            Error: <br>
+            {{ error }}
+          </md-app-content>
+        </md-app>
+      </div>
+    </div>
+    <br>
     <div class="md-layout">
       <div class="md-layout-item">
         <md-app>
           <md-app-content>
-            <div v-if="error">
-              Errors: <br>
-              {{ error }}
-            </div>
             <md-field>
               <label>Name</label>
               <md-input v-model="name" :readonly="gameJoined"></md-input>