mirror of
https://github.com/pixelfed/pixelfed.git
synced 2024-11-22 14:31:26 +00:00
Add NotFound component
This commit is contained in:
parent
751f30d845
commit
fff692a25c
1 changed files with 29 additions and 0 deletions
29
resources/assets/components/NotFound.vue
Normal file
29
resources/assets/components/NotFound.vue
Normal file
|
@ -0,0 +1,29 @@
|
|||
<template>
|
||||
<div class="container d-flex justify-content-center">
|
||||
<div class="error-page py-5 my-5" style="max-width: 450px;">
|
||||
<h3 class="font-weight-bold">404 Page Not Found</h3>
|
||||
<p class="lead">The page you are trying to view is not available</p>
|
||||
|
||||
<div class="text-muted">
|
||||
<p class="mb-1">This can happen for a few reasons:</p>
|
||||
<ul>
|
||||
<li>The url is invalid or has a typo</li>
|
||||
<li>The page has been flagged for review by our automated abuse detection systems</li>
|
||||
<li>The content may have been deleted</li>
|
||||
<li>You do not have permission to view this content</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<drawer />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script type="text/javascript">
|
||||
import Drawer from './partials/drawer.vue';
|
||||
|
||||
export default {
|
||||
components: {
|
||||
"drawer": Drawer
|
||||
}
|
||||
}
|
||||
</script>
|
Loading…
Reference in a new issue