fix: added ErrorPage component
This commit is contained in:
parent
d9f0b067ca
commit
bb794f4887
24
frontend/src/components/ErrorPage.vue
Normal file
24
frontend/src/components/ErrorPage.vue
Normal file
@ -0,0 +1,24 @@
|
|||||||
|
<template>
|
||||||
|
<div
|
||||||
|
class="grid h-full place-items-center px-4 py-20 text-center text-lg text-ink-gray-5"
|
||||||
|
>
|
||||||
|
<div class="flex flex-col justify-between items-center gap-3">
|
||||||
|
<FeatherIcon name="x-octagon" class="h-12 w-12 text-ink-red-3" />
|
||||||
|
<div class="text-2xl font-semibold">{{ errorTitle }}</div>
|
||||||
|
<div v-html="errorMessage" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
const props = defineProps({
|
||||||
|
errorTitle: {
|
||||||
|
type: String,
|
||||||
|
required: true,
|
||||||
|
},
|
||||||
|
errorMessage: {
|
||||||
|
type: String,
|
||||||
|
required: true,
|
||||||
|
},
|
||||||
|
})
|
||||||
|
</script>
|
||||||
Loading…
x
Reference in New Issue
Block a user