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
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 build
./node_modules/.bin/wrangler pages dev
pnpm dev
```

View File

@@ -16,7 +16,7 @@ const Nothing = () => null;
export default function Index() {
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 />
<Header />
<Suspense fallback={<Nothing />}>

View File

@@ -234,7 +234,7 @@ function ViewProblemPage() {
return (
<Suspense fallback={<Nothing />}>
<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 />
<Header />
<ClientOnly>{() => <Menu />}</ClientOnly>

View File

@@ -109,7 +109,7 @@ function ProblemsPage() {
return (
<Suspense fallback={<Nothing />}>
<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 />
<Header />
<ClientOnly>{() => <Menu />}</ClientOnly>