Skip to content

Commit 9a3114f

Browse files
committed
feat(error): Beautify error page
1 parent 66cde76 commit 9a3114f

File tree

2 files changed

+17
-7
lines changed

2 files changed

+17
-7
lines changed

layouts/error.vue

Lines changed: 16 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,21 @@
11
<template>
22
<v-app dark>
3-
<h1 v-if="error.statusCode === 404">
4-
{{ pageNotFound }}
5-
</h1>
6-
<h1 v-else>
7-
{{ otherError }}
8-
</h1>
9-
<NuxtLink to="/"> Home page </NuxtLink>
3+
<v-row justify="center" align="center">
4+
<v-col cols="10" sm="8">
5+
<v-row class="d-flex flex-column align-center">
6+
<v-img src="/undraw_taken.svg" max-width="400" />
7+
</v-row>
8+
<v-row class="d-flex flex-column align-center mt-10">
9+
<h1 v-if="error.statusCode === 404">
10+
{{ pageNotFound }}
11+
</h1>
12+
<h1 v-else>
13+
{{ otherError }}
14+
</h1>
15+
<NuxtLink to="/">Go back home</NuxtLink>
16+
</v-row>
17+
</v-col>
18+
</v-row>
1019
</v-app>
1120
</template>
1221

static/undraw_taken.svg

Lines changed: 1 addition & 0 deletions
Loading

0 commit comments

Comments
 (0)