This commit is contained in:
@@ -7,16 +7,16 @@ export default function Error({
|
||||
reset: () => void;
|
||||
}) {
|
||||
return (
|
||||
<div className="min-h-[60vh] flex flex-col items-center justify-center px-6 text-center animate-fade-in">
|
||||
<h1 className="text-4xl font-bold tracking-tight text-zinc-900 dark:text-zinc-50 mb-4">
|
||||
<div className="page-frame flex min-h-[60vh] flex-col items-center justify-center px-6 text-center">
|
||||
<h1 className="mb-4 text-4xl font-medium text-ink">
|
||||
Something went wrong
|
||||
</h1>
|
||||
<p className="text-lg text-zinc-500 dark:text-zinc-400 mb-8">
|
||||
An unexpected error occurred.
|
||||
<p className="mb-8 text-lg text-muted">
|
||||
Refresh the page or try again.
|
||||
</p>
|
||||
<button
|
||||
onClick={reset}
|
||||
className="text-sm font-medium px-4 py-2 rounded bg-zinc-900 dark:bg-zinc-100 text-zinc-50 dark:text-zinc-900 hover:opacity-80 transition-opacity"
|
||||
className="rounded-md border border-line bg-paper-strong px-4 py-2 text-sm font-medium text-ink transition-colors hover:border-line-strong hover:text-accent"
|
||||
>
|
||||
Try again
|
||||
</button>
|
||||
|
||||
Reference in New Issue
Block a user