Files
nocodb/packages/nc-gui/components/general/PageDoesNotExist.vue
DarkPhoenix2704 f5efb53c8c chore: lint
2025-08-21 04:58:12 +00:00

29 lines
958 B
Vue

<script setup lang="ts">
defineProps<{ title?: string; subtitle?: string; containerClass?: string; actionButtonClass?: string }>()
</script>
<template>
<div class="nc-h-screen grid place-items-center text-center">
<div class="flex flex-col items-center gap-5 mx-4" :class="containerClass">
<slot name="icon">
<img width="48" alt="NocoDB" src="~/assets/img/icons/256x256.png" />
</slot>
<div class="text-xl text-nc-content-gray font-bold">
<slot name="title">
{{ $t('title.thisPageDoesNotExist') }}
</slot>
</div>
<div class="text-xl text-nc-content-gray-subtle">
<slot name="subtitle"> {{ $t('title.thisPageDoesNotExistSubtile') }} </slot>
</div>
<slot name="actions">
<NcButton class="!text-base" :class="actionButtonClass" @click="navigateTo('/')">{{
$t('activity.goBackHome')
}}</NcButton>
</slot>
</div>
</div>
</template>