Spaces:
Running
on
Zero
Running
on
Zero
Commit
·
dd54cee
1
Parent(s):
34137c3
Fix output section to have white background matching Z-Image
Browse files- Remove dark inner background from output section divs
- Keep output section white in both light and dark modes
- Match Z-Image styling exactly
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
app.py
CHANGED
|
@@ -395,7 +395,7 @@ div.output-section {
|
|
| 395 |
-webkit-backface-visibility: hidden !important;
|
| 396 |
}
|
| 397 |
|
| 398 |
-
/* Inner image area
|
| 399 |
.output-section > div {
|
| 400 |
width: 100% !important;
|
| 401 |
min-height: 75vh !important;
|
|
@@ -403,8 +403,6 @@ div.output-section {
|
|
| 403 |
display: flex !important;
|
| 404 |
align-items: center !important;
|
| 405 |
justify-content: center !important;
|
| 406 |
-
background: #1d1d1f !important;
|
| 407 |
-
border-radius: 12px !important;
|
| 408 |
}
|
| 409 |
|
| 410 |
.output-section > div > div {
|
|
@@ -414,16 +412,14 @@ div.output-section {
|
|
| 414 |
display: flex !important;
|
| 415 |
align-items: center !important;
|
| 416 |
justify-content: center !important;
|
| 417 |
-
background: #1d1d1f !important;
|
| 418 |
-
border-radius: 12px !important;
|
| 419 |
}
|
| 420 |
|
| 421 |
.output-section * {
|
| 422 |
max-width: 100% !important;
|
| 423 |
}
|
| 424 |
|
| 425 |
-
/* Dark mode
|
| 426 |
-
.dark .
|
| 427 |
background: #1d1d1f !important;
|
| 428 |
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4) !important;
|
| 429 |
}
|
|
|
|
| 395 |
-webkit-backface-visibility: hidden !important;
|
| 396 |
}
|
| 397 |
|
| 398 |
+
/* Inner image area - white background matching Z-Image */
|
| 399 |
.output-section > div {
|
| 400 |
width: 100% !important;
|
| 401 |
min-height: 75vh !important;
|
|
|
|
| 403 |
display: flex !important;
|
| 404 |
align-items: center !important;
|
| 405 |
justify-content: center !important;
|
|
|
|
|
|
|
| 406 |
}
|
| 407 |
|
| 408 |
.output-section > div > div {
|
|
|
|
| 412 |
display: flex !important;
|
| 413 |
align-items: center !important;
|
| 414 |
justify-content: center !important;
|
|
|
|
|
|
|
| 415 |
}
|
| 416 |
|
| 417 |
.output-section * {
|
| 418 |
max-width: 100% !important;
|
| 419 |
}
|
| 420 |
|
| 421 |
+
/* Dark mode - input section only (output stays white like Z-Image) */
|
| 422 |
+
.dark .input-section {
|
| 423 |
background: #1d1d1f !important;
|
| 424 |
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4) !important;
|
| 425 |
}
|