Jahnavibh Claude commited on
Commit
ef5e1cb
·
1 Parent(s): 2df5cd6

Fix margin issues causing patchy background within content area

Browse files

Margin fixes applied:
- Remove max-width constraint (max-width: none)
- Remove auto margins (margin: 0)
- Use full viewport width (width: 100vw)
- Remove header margins that create gaps

This should eliminate margin-based gaps within the content area.

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

Co-Authored-By: Claude <[email protected]>

Files changed (1) hide show
  1. app.py +4 -4
app.py CHANGED
@@ -143,15 +143,15 @@ with gr.Blocks(
143
  background: #fafafa !important;
144
  }
145
  .gradio-container {
146
- max-width: 1200px !important;
147
- margin-left: auto !important;
148
- margin-right: auto !important;
149
  background-color: #fafafa !important;
150
  font-family: 'Inter', 'Segoe UI', -apple-system, sans-serif !important;
 
151
  }
152
  .main-header {
153
  text-align: center;
154
- margin: 2rem 0 3rem 0;
155
  color: #3b82f6 !important;
156
  font-weight: 600;
157
  font-size: 2.5rem;
 
143
  background: #fafafa !important;
144
  }
145
  .gradio-container {
146
+ max-width: none !important;
147
+ margin: 0 !important;
 
148
  background-color: #fafafa !important;
149
  font-family: 'Inter', 'Segoe UI', -apple-system, sans-serif !important;
150
+ width: 100vw !important;
151
  }
152
  .main-header {
153
  text-align: center;
154
+ margin: 0 !important;
155
  color: #3b82f6 !important;
156
  font-weight: 600;
157
  font-size: 2.5rem;