tchung1970 Claude Opus 4.5 commited on
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>

Files changed (1) hide show
  1. app.py +3 -7
app.py CHANGED
@@ -395,7 +395,7 @@ div.output-section {
395
  -webkit-backface-visibility: hidden !important;
396
  }
397
 
398
- /* Inner image area with dark background */
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 for output section */
426
- .dark .output-section {
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
  }