Added not found page
This commit is contained in:
parent
c802952765
commit
4843ecf9c0
1 changed files with 23 additions and 0 deletions
23
site/src/views/NotFoundView.vue
Normal file
23
site/src/views/NotFoundView.vue
Normal file
|
|
@ -0,0 +1,23 @@
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { Result, Button } from 'ant-design-vue'
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<main class="not-found-page">
|
||||||
|
<Result status="404" title="404" sub-title="Sorry, the page you visited does not exist.">
|
||||||
|
<template #extra>
|
||||||
|
<RouterLink to="/">
|
||||||
|
<Button type="primary">Back Home</Button>
|
||||||
|
</RouterLink>
|
||||||
|
</template>
|
||||||
|
</Result>
|
||||||
|
</main>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.not-found-page {
|
||||||
|
min-height: 60vh;
|
||||||
|
display: grid;
|
||||||
|
place-items: center;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Loading…
Reference in a new issue