fix: added ErrorPage component
(cherry picked from commit bb794f4887a6f74fc4382a211f18e67a4abd7790)
This commit is contained in:
parent
c31c7e8ae7
commit
45010ff8e6
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