fix: UX deep dive — 28 fixes across authoring, navigation, consistency, and cleanup #86
@@ -2,7 +2,7 @@ import { Spinner } from '@/components/common/Spinner'
|
|||||||
|
|
||||||
export function PageLoader() {
|
export function PageLoader() {
|
||||||
return (
|
return (
|
||||||
<div className="flex h-screen items-center justify-center bg-black">
|
<div className="flex h-full items-center justify-center">
|
||||||
<div className="flex flex-col items-center gap-4">
|
<div className="flex flex-col items-center gap-4">
|
||||||
<Spinner size="lg" />
|
<Spinner size="lg" />
|
||||||
<p className="text-sm text-muted-foreground">Loading...</p>
|
<p className="text-sm text-muted-foreground">Loading...</p>
|
||||||
|
|||||||
@@ -17,7 +17,7 @@ export function RouteError() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="flex min-h-screen flex-col items-center justify-center bg-black p-8">
|
<div className="flex min-h-screen flex-col items-center justify-center bg-background p-8">
|
||||||
<div className="max-w-md text-center">
|
<div className="max-w-md text-center">
|
||||||
<h1 className="mb-2 text-4xl font-bold text-foreground">Oops!</h1>
|
<h1 className="mb-2 text-4xl font-bold text-foreground">Oops!</h1>
|
||||||
<h2 className="mb-2 text-xl font-semibold text-red-400">{errorMessage}</h2>
|
<h2 className="mb-2 text-xl font-semibold text-red-400">{errorMessage}</h2>
|
||||||
|
|||||||
Reference in New Issue
Block a user