34 lines
838 B
Vue
34 lines
838 B
Vue
<script setup lang="ts">
|
|
import { t } from '@/i18n'
|
|
|
|
const emit = defineEmits<{ back: [] }>()
|
|
</script>
|
|
|
|
<template>
|
|
<UEmpty
|
|
variant="naked"
|
|
icon="i-lucide-lock"
|
|
:title="t('You don\'t have access to Sites')"
|
|
:description="
|
|
t('Only the owner can manage sites. Ask the owner of this site if you need a change.')
|
|
"
|
|
:ui="{
|
|
root: 'gap-3 border border-default bg-default px-6 py-14',
|
|
avatar: 'mb-0 size-11 rounded-none bg-elevated text-toned',
|
|
title: 'text-md font-semibold',
|
|
description: 'max-w-85 text-pretty text-muted',
|
|
}"
|
|
>
|
|
<template #actions>
|
|
<UButton
|
|
color="neutral"
|
|
variant="outline"
|
|
class="h-11 border border-accented bg-default px-4 text-sm text-highlighted ring-0 sm:h-8"
|
|
@click="emit('back')"
|
|
>
|
|
{{ t('Back to Settings') }}
|
|
</UButton>
|
|
</template>
|
|
</UEmpty>
|
|
</template>
|