Jahnavibh Claude commited on
Commit
57fe8aa
·
1 Parent(s): c2d9caf

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]>

Files changed (1) hide show
  1. app.py +12 -2
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 has no extra styling */
219
  .gr-group.card {
220
- border: none !important;
 
 
 
 
 
 
 
 
 
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 */