Spaces:
Sleeping
Sleeping
Fix margin issues causing patchy background within content area
Browse filesMargin 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]>
app.py
CHANGED
|
@@ -143,15 +143,15 @@ with gr.Blocks(
|
|
| 143 |
background: #fafafa !important;
|
| 144 |
}
|
| 145 |
.gradio-container {
|
| 146 |
-
max-width:
|
| 147 |
-
margin
|
| 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:
|
| 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;
|