primevue-mirror/error.vue

15 lines
763 B
Vue
Raw Normal View History

2023-03-21 17:25:22 +00:00
<template>
<NuxtLayout>
<div class="flex card flex-column align-items-center gap-5 sm:p-8">
<div class="flex flex-column sm:flex-row align-items-center justify-content-center gap-3 text-primary">
<span class="font-bold" :style="{ fontSize: '144px' }"> 4 </span>
<div class="flex align-items-center justify-content-center bg-primary border-circle w-8rem h-8rem">
<i class="pi pi-prime text-7xl"></i>
</div>
<span class="font-bold" :style="{ fontSize: '144px' }"> 4 </span>
</div>
<div class="font-bold text-900 text-center text-6xl border-top-1 surface-border pt-5">PAGE NOT FOUND</div>
</div>
</NuxtLayout>
</template>