Devavrat28 commited on
Commit
f0e9219
·
verified ·
1 Parent(s): f0a46fe

Added dropdowsnto age and countries.

Browse files
Files changed (1) hide show
  1. app.py +27 -2
app.py CHANGED
@@ -291,7 +291,7 @@ custom_css = """
291
  }
292
 
293
  /* Input styling */
294
- .gradio-textbox, .gradio-number, .gradio-dropdown {
295
  border-radius: 12px !important;
296
  border: 2px solid #e5e7eb !important;
297
  transition: all 0.3s ease !important;
@@ -299,12 +299,37 @@ custom_css = """
299
  padding: 0.75rem 1rem !important;
300
  }
301
 
302
- .gradio-textbox:focus, .gradio-number:focus, .gradio-dropdown:focus {
303
  border-color: #667eea !important;
304
  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1) !important;
305
  outline: none !important;
306
  }
307
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
308
  /* Button styling */
309
  .primary-btn {
310
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
 
291
  }
292
 
293
  /* Input styling */
294
+ .gradio-textbox, .gradio-number {
295
  border-radius: 12px !important;
296
  border: 2px solid #e5e7eb !important;
297
  transition: all 0.3s ease !important;
 
299
  padding: 0.75rem 1rem !important;
300
  }
301
 
302
+ .gradio-textbox:focus, .gradio-number:focus {
303
  border-color: #667eea !important;
304
  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1) !important;
305
  outline: none !important;
306
  }
307
 
308
+ /* Dropdown styling - more specific selectors */
309
+ .gradio-dropdown .wrap {
310
+ border-radius: 12px !important;
311
+ border: 2px solid #e5e7eb !important;
312
+ transition: all 0.3s ease !important;
313
+ }
314
+
315
+ .gradio-dropdown .wrap:focus-within {
316
+ border-color: #667eea !important;
317
+ box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1) !important;
318
+ }
319
+
320
+ .gradio-dropdown select, .gradio-dropdown input {
321
+ font-size: 1rem !important;
322
+ padding: 0.75rem 1rem !important;
323
+ border: none !important;
324
+ background: transparent !important;
325
+ }
326
+
327
+ .gradio-dropdown .dropdown {
328
+ border-radius: 12px !important;
329
+ border: 2px solid #e5e7eb !important;
330
+ box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1) !important;
331
+ }
332
+
333
  /* Button styling */
334
  .primary-btn {
335
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;