Added dropdowsnto age and countries.
Browse files
app.py
CHANGED
@@ -291,7 +291,7 @@ custom_css = """
|
|
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,12 +299,37 @@ custom_css = """
|
|
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 |
/* 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;
|