tchung1970 Claude Opus 4.5 commited on
Commit
a3f8eb0
·
1 Parent(s): 27dddbe

Upgrade to Gradio 6.0.1 and fix FOUC

Browse files

- Match Qwen-Image Gradio version (6.0.1)
- Show white screen initially, reveal dark UI after 100ms

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Files changed (2) hide show
  1. README.md +1 -1
  2. app_diffusers.py +2 -8
README.md CHANGED
@@ -4,7 +4,7 @@ emoji: 🖼
4
  colorFrom: purple
5
  colorTo: red
6
  sdk: gradio
7
- sdk_version: 5.49.1
8
  app_file: app_diffusers.py
9
  pinned: false
10
  license: apache-2.0
 
4
  colorFrom: purple
5
  colorTo: red
6
  sdk: gradio
7
+ sdk_version: 6.0.1
8
  app_file: app_diffusers.py
9
  pinned: false
10
  license: apache-2.0
app_diffusers.py CHANGED
@@ -580,14 +580,8 @@ with gr.Blocks(
580
  input_shadow_focus='0 0 0 4px rgba(0, 113, 227, 0.15)',
581
  ),
582
  css=apple_css,
583
- head="""<style>
584
- .gradio-container .block, .gradio-container textarea, .gradio-container button, .gradio-container select, .gradio-container input, .gradio-container .input-section, .gradio-container .output-section {
585
- opacity: 0 !important;
586
- }
587
- .dark .gradio-container .block, .dark .gradio-container textarea, .dark .gradio-container button, .dark .gradio-container select, .dark .gradio-container input, .dark .gradio-container .input-section, .dark .gradio-container .output-section {
588
- opacity: 1 !important;
589
- }
590
- </style>""",
591
  ) as demo:
592
  # Two-column layout - variant='panel' prevents responsive stacking
593
  with gr.Row(equal_height=False, variant="panel", elem_id="main-row"):
 
580
  input_shadow_focus='0 0 0 4px rgba(0, 113, 227, 0.15)',
581
  ),
582
  css=apple_css,
583
+ head="""<style>body{background:#fff!important;visibility:hidden}</style>
584
+ <script>setTimeout(function(){document.body.style.visibility='visible';document.body.style.background=''},100)</script>""",
 
 
 
 
 
 
585
  ) as demo:
586
  # Two-column layout - variant='panel' prevents responsive stacking
587
  with gr.Row(equal_height=False, variant="panel", elem_id="main-row"):