chihlasm/resolutionflow
1
0
Fork 0
Code Issues 23 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix: remove bg-black from PageLoader and RouteError, fix PageLoader height

Browse Source 
PageLoader used h-screen inside a grid cell, causing it to overflow.
Changed to h-full so it fits within the main-content area. Removed
bg-black from both PageLoader and RouteError in favor of theme-aware
bg-background to prevent black flash during lazy loading.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
chihlasm
2026-02-19 15:48:27 -05:00
parent 6e5039977d
commit 65b0514b40
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/common/PageLoader.tsx
View File

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

2
frontend/src/components/common/RouteError.tsx
View File

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