mirror of
https://github.com/YunoHost/yunohost-portal.git
synced 2024-09-03 20:06:23 +02:00
add basic error page
This commit is contained in:
parent
9d71cea517
commit
c20987659c
1 changed files with 32 additions and 0 deletions
32
error.vue
Normal file
32
error.vue
Normal file
|
@ -0,0 +1,32 @@
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { H3Error } from 'h3'
|
||||||
|
|
||||||
|
const head = useLocaleHead({
|
||||||
|
addDirAttribute: true,
|
||||||
|
addSeoAttributes: true,
|
||||||
|
})
|
||||||
|
|
||||||
|
const props = defineProps<{
|
||||||
|
error: H3Error
|
||||||
|
}>()
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<main
|
||||||
|
class="container mx-auto p-10 min-h-screen flex flex-col justify-center items-center"
|
||||||
|
>
|
||||||
|
<Html :lang="head.htmlAttrs?.lang" :dir="head.htmlAttrs?.dir"></Html>
|
||||||
|
<img class="logo" src="/assets/img/logo-white.svg" />
|
||||||
|
<div class="text-center mt-10">
|
||||||
|
<h1 class="text-7xl font-bold">{{ error.statusCode }}</h1>
|
||||||
|
<p class="py-6">{{ error.statusMessage }}</p>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.logo {
|
||||||
|
width: 50%;
|
||||||
|
max-width: 200px;
|
||||||
|
}
|
||||||
|
</style>
|
Loading…
Reference in a new issue