Spaces:
Sleeping
Sleeping
Fix Downloads card to have proper light background
Browse files- Applied full card styling to .gr-group.card instead of transparent
- Added light background (#fafafa) to match other cards
- Removed styling from inner container to prevent conflicts
- Maintains proper card structure with header and content areas
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <[email protected]>
app.py
CHANGED
|
@@ -215,10 +215,20 @@ with gr.Blocks(
|
|
| 215 |
box-shadow: none !important;
|
| 216 |
padding: 0 !important;
|
| 217 |
}
|
| 218 |
-
/* Ensure gr.Group with card class
|
| 219 |
.gr-group.card {
|
| 220 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 221 |
background: transparent !important;
|
|
|
|
| 222 |
padding: 0 !important;
|
| 223 |
}
|
| 224 |
/* Style download buttons like MobileNet's example buttons */
|
|
|
|
| 215 |
box-shadow: none !important;
|
| 216 |
padding: 0 !important;
|
| 217 |
}
|
| 218 |
+
/* Ensure gr.Group with card class looks like a proper card */
|
| 219 |
.gr-group.card {
|
| 220 |
+
background: #fafafa !important;
|
| 221 |
+
border-radius: 12px !important;
|
| 222 |
+
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
|
| 223 |
+
border: 1px solid #e5e7eb !important;
|
| 224 |
+
margin-bottom: 1.5rem !important;
|
| 225 |
+
overflow: hidden !important;
|
| 226 |
+
padding: 0 !important;
|
| 227 |
+
}
|
| 228 |
+
/* Remove inner container styling */
|
| 229 |
+
.gr-group.card > div:first-child {
|
| 230 |
background: transparent !important;
|
| 231 |
+
border: none !important;
|
| 232 |
padding: 0 !important;
|
| 233 |
}
|
| 234 |
/* Style download buttons like MobileNet's example buttons */
|