improved layout, key-name changed

webapp/layouts/error.vue

@@ -1,6 +1,9 @@
 <template>
-  <div class="container">
-    <h1>{{ $t(error.message) }}</h1>
+  <div class="error-container">
+    <base-icon class="error-icon" name="exclamation-circle" />
+    <br />
+    <span class="error-message">{{ $t(error.message) }}</span>
+    <br />
     <nuxt-link to="/">{{ $t('error-pages.back-to-index') }}</nuxt-link>
   </div>
 </template>
@@ -10,3 +13,19 @@ export default {
   props: ['error'],
 }
 </script>
+<style lang="scss">
+.error-container {
+  text-align: center;
+  padding: $space-small;
+}
+.error-message {
+  font-size: $font-size-x-large;
+  font-weight: $font-weight-bold;
+  color: $text-color-softer;
+  margin: $space-base;
+}
+.error-icon {
+  font-size: $font-size-xxx-large;
+  color: $text-color-softer;
+}
+</style>

webapp/locales/de.json

@@ -800,7 +800,7 @@
         "amount-of-total": "{amount} von {total} € erreicht"
     },
     "error-pages" : {
-	"user-not-found": "Dieser Benutzer konnte nicht gefunden werden",
+	"profile-not-found": "Dieses Profil konnte nicht gefunden werden",
 	"back-to-index": "Zurück zur Startseite"
     }
 }

webapp/locales/en.json

@@ -800,7 +800,7 @@
     }
   },
   "error-pages" : {
-    "user-not-found": "This user could not be found",
+    "user-not-found": "This profile could not be found",
     "back-to-index": "Back to index page"
   }
 }

webapp/pages/profile/_id.vue

@@ -23,7 +23,7 @@ const options = {
       }
     }
   `,
-  message: 'error-pages.user-not-found',
+  message: 'error-pages.profile-not-found',
   path: 'profile',
 }
 const persistentLinks = PersistentLinks(options)