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:
giancarlo
2024-04-19 15:38:28 +08:00
parent 78bb95e7db
commit b99295b364
2 changed files with 2 additions and 4 deletions

View File

@@ -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'}>

View File

@@ -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'}>