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