Fix dark mode rendering problems (#63)

This commit is contained in:
Brian Hackett 2025-03-14 12:30:10 -07:00 committed by GitHub
parent 120730c860
commit cbd0ef3a62
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 4 additions and 4 deletions

View File

@ -10,5 +10,5 @@ When you ask Nut to fix a bug, it creates a Replay.io recording of your app and
``` ```
pnpm install pnpm install
pnpm build pnpm build
./node_modules/.bin/wrangler pages dev pnpm dev
``` ```

View File

@ -16,7 +16,7 @@ const Nothing = () => null;
export default function Index() { export default function Index() {
return ( return (
<div className="flex flex-col h-full w-full bg-bolt-elements-background-depth-1"> <div className="flex flex-col h-full min-h-screen w-full bg-bolt-elements-background-depth-1 dark:bg-black">
<BackgroundRays /> <BackgroundRays />
<Header /> <Header />
<Suspense fallback={<Nothing />}> <Suspense fallback={<Nothing />}>

View File

@ -234,7 +234,7 @@ function ViewProblemPage() {
return ( return (
<Suspense fallback={<Nothing />}> <Suspense fallback={<Nothing />}>
<TooltipProvider> <TooltipProvider>
<div className="flex flex-col h-full w-full bg-bolt-elements-background-depth-1 text-gray-900 dark:text-gray-200"> <div className="flex flex-col h-full min-h-screen w-full bg-bolt-elements-background-depth-1 text-gray-900 dark:text-gray-200">
<BackgroundRays /> <BackgroundRays />
<Header /> <Header />
<ClientOnly>{() => <Menu />}</ClientOnly> <ClientOnly>{() => <Menu />}</ClientOnly>

View File

@ -109,7 +109,7 @@ function ProblemsPage() {
return ( return (
<Suspense fallback={<Nothing />}> <Suspense fallback={<Nothing />}>
<TooltipProvider> <TooltipProvider>
<div className="flex flex-col min-h-fit w-full bg-bolt-elements-background-depth-1 dark:bg-black text-gray-900 dark:text-gray-200"> <div className="flex flex-col min-h-fit min-h-screen w-full bg-bolt-elements-background-depth-1 dark:bg-black text-gray-900 dark:text-gray-200">
<BackgroundRays /> <BackgroundRays />
<Header /> <Header />
<ClientOnly>{() => <Menu />}</ClientOnly> <ClientOnly>{() => <Menu />}</ClientOnly>