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';
|
||||
|
||||
import Link from 'next/link';
|
||||
|
||||
import { ArrowLeft } from 'lucide-react';
|
||||
|
||||
import { useCaptureException } from '@kit/monitoring/hooks';
|
||||
@@ -31,7 +29,7 @@ const ErrorPage = ({
|
||||
>
|
||||
<div className={'flex flex-col items-center space-y-16'}>
|
||||
<div>
|
||||
<h1 className={'text-8xl font-extrabold'}>500 :(</h1>
|
||||
<h1 className={'font-heading text-9xl font-extrabold'}>500 :(</h1>
|
||||
</div>
|
||||
|
||||
<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>
|
||||
<h1 className={'text-8xl font-extrabold'}>404 :(</h1>
|
||||
<h1 className={'font-heading text-9xl font-extrabold'}>404 :(</h1>
|
||||
</div>
|
||||
|
||||
<div className={'flex flex-col items-center space-y-4'}>
|
||||
|
||||
Reference in New Issue
Block a user