Separate errors and make them dissmissable

2021-07-28 23:44:08 +02:00 · 2021-07-28 23:44:08 +02:00 · 4fed74102e
commit 4fed74102e
parent c3e203e9d4
1 changed files with 11 additions and 4 deletions
--- 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>