/
githubmirror
/
tabler
Обзор
Документация
Войти
/
githubmirror
/
tabler
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
dev
shared/layouts/ErrorLayout.astro
34 строки
1 KB
Paweł Kuna
Improve accessibility across layouts, components, and forms (#2799)
06 авг 2026, 00:40
Не верифицирован
06 авг 2026, 00:40
1effe22
Код
Авторство
О чём код?
--- // Error page: border-top banner, centered Empty from errors.json (`pageError`). import BaseLayout from './BaseLayout.astro' import Empty from '@ui/Empty.astro' import errors from '@data/errors.json' interface Props { title?: string /** page-error front matter — key into errors.json ("404" | "500" | "maintenance" | …) */ pageError: string } const { title, pageError } = Astro.props type ErrorEntry = { illustration?: string title?: string | number header?: string description?: string } const error = (errors as Record<string, ErrorEntry>)[pageError] ?? {} const header = error.header ?? 'Oops… You just found an error page' --- <BaseLayout title={title} bodyClass="border-top-wide border-primary"> <!-- BEGIN PAGE BODY --> <main class="page page-center" id="content"> <div class="container-tight py-4"> <Empty icon="settings" illustration={error.illustration} iconText={error.title != null ? String(error.title) : undefined} title={header} subtitle={error.description} buttonIcon="arrow-left" buttonText="Take me home" /> </div> </main> <!-- END PAGE BODY --> </BaseLayout>