evo/Evo.External.App
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

apps/web: add not-found page

Browse Source
This commit is contained in:
vchikalkin 2023-11-13 09:46:27 +03:00
parent cc5a2064c9
commit 4315dc5920
2 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
apps/web/app/not-found.tsx Normal file
View File

@ -0,0 +1,5 @@
import { HttpError } from 'ui';
export default function NotFound() {
return <HttpError code="404" title="Страница не найдена" />;
}

10
packages/ui/http-error.tsx
View File

@ -1,19 +1,19 @@
type Props = {
readonly code: string;
readonly description: string;
readonly description?: string;
readonly title: string;
};
export function HttpError({ code, description, title }: Props) {
return (
<section className="bg-white">
<section className="bg-transparent">
<div className="mx-auto max-w-screen-xl px-4 py-8 lg:px-6 lg:py-16">
<div className="mx-auto max-w-screen-sm text-center">
<h1 className="text-primary-600 mb-4 text-7xl font-extrabold tracking-tight lg:text-9xl">
<h1 className="text-primary-600 mb-4 text-5xl font-extrabold tracking-tight lg:text-7xl">
{code}
</h1>
<p className="mb-4 text-3xl font-bold tracking-tight text-gray-900">{title}</p>
<p className="mb-4 text-lg font-light text-gray-800">{description}</p>
<p className="mb-4 text-2xl font-bold tracking-tight text-gray-900">{title}</p>
{description && <p className="mb-4 text-lg font-light text-gray-800">{description}</p>}
</div>
</div>
</section>