Update error and not-found page styles
Removed unused import from error page and adjusted the heading styles on both the 500 error page and the 404 not-found page. By increasing the size of the text headings and updating the font to 'font-heading', the pages are now more consistent with the overall design layout.
This commit is contained in:
@@ -1,7 +1,5 @@
|
|||||||
'use client';
|
'use client';
|
||||||
|
|
||||||
import Link from 'next/link';
|
|
||||||
|
|
||||||
import { ArrowLeft } from 'lucide-react';
|
import { ArrowLeft } from 'lucide-react';
|
||||||
|
|
||||||
import { useCaptureException } from '@kit/monitoring/hooks';
|
import { useCaptureException } from '@kit/monitoring/hooks';
|
||||||
@@ -31,7 +29,7 @@ const ErrorPage = ({
|
|||||||
>
|
>
|
||||||
<div className={'flex flex-col items-center space-y-16'}>
|
<div className={'flex flex-col items-center space-y-16'}>
|
||||||
<div>
|
<div>
|
||||||
<h1 className={'text-8xl font-extrabold'}>500 :(</h1>
|
<h1 className={'font-heading text-9xl font-extrabold'}>500 :(</h1>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className={'flex flex-col items-center space-y-4'}>
|
<div className={'flex flex-col items-center space-y-4'}>
|
||||||
|
|||||||
@@ -38,7 +38,7 @@ const NotFoundPage = async () => {
|
|||||||
>
|
>
|
||||||
<div className={'flex flex-col items-center space-y-12'}>
|
<div className={'flex flex-col items-center space-y-12'}>
|
||||||
<div>
|
<div>
|
||||||
<h1 className={'text-8xl font-extrabold'}>404 :(</h1>
|
<h1 className={'font-heading text-9xl font-extrabold'}>404 :(</h1>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className={'flex flex-col items-center space-y-4'}>
|
<div className={'flex flex-col items-center space-y-4'}>
|
||||||
|
|||||||
Reference in New Issue
Block a user