Update app/streamlit_app.py
Browse files- app/streamlit_app.py +7 -54
app/streamlit_app.py
CHANGED
|
@@ -493,67 +493,20 @@ st.markdown(f"""
|
|
| 493 |
border-radius: 8px;
|
| 494 |
}}
|
| 495 |
|
| 496 |
-
/*
|
| 497 |
.stRadio, .stCheckbox, .stFileUploader, .stTextInput, .stTextArea, .stSelectbox {{
|
| 498 |
-
background-color:
|
| 499 |
-
border:
|
| 500 |
-
|
| 501 |
-
padding: 0 !important;
|
|
|
|
| 502 |
}}
|
| 503 |
|
| 504 |
-
/*
|
| 505 |
.stRadio > div, .stCheckbox > div, .stFileUploader > div,
|
| 506 |
.stTextInput > div, .stTextArea > div, .stSelectbox > div {{
|
| 507 |
background-color: transparent !important;
|
| 508 |
border: none !important;
|
| 509 |
-
box-shadow: none !important;
|
| 510 |
-
padding: 0 !important;
|
| 511 |
-
}}
|
| 512 |
-
|
| 513 |
-
/* Target even deeper nested containers */
|
| 514 |
-
.stRadio > div > div, .stCheckbox > div > div, .stFileUploader > div > div,
|
| 515 |
-
.stTextInput > div > div, .stTextArea > div > div, .stSelectbox > div > div {{
|
| 516 |
-
background-color: transparent !important;
|
| 517 |
-
border: none !important;
|
| 518 |
-
box-shadow: none !important;
|
| 519 |
-
}}
|
| 520 |
-
|
| 521 |
-
/* Target specific widget wrapper classes */
|
| 522 |
-
[data-testid="stRadio"], [data-testid="stCheckbox"],
|
| 523 |
-
[data-testid="stFileUploader"], [data-testid="stTextInput"],
|
| 524 |
-
[data-testid="stTextArea"], [data-testid="stSelectbox"] {{
|
| 525 |
-
background-color: transparent !important;
|
| 526 |
-
border: none !important;
|
| 527 |
-
box-shadow: none !important;
|
| 528 |
-
}}
|
| 529 |
-
|
| 530 |
-
/* Target widget containers by class */
|
| 531 |
-
.css-1cpxqw2, .css-1d391kg, .css-12oz5g7, .css-1y4p8pa {{
|
| 532 |
-
background-color: transparent !important;
|
| 533 |
-
border: none !important;
|
| 534 |
-
box-shadow: none !important;
|
| 535 |
-
}}
|
| 536 |
-
|
| 537 |
-
/* Make labels visible */
|
| 538 |
-
.stRadio label, .stCheckbox label,
|
| 539 |
-
.stFileUploader label, .stTextInput label,
|
| 540 |
-
.stTextArea label, .stSelectbox label {{
|
| 541 |
-
color: {COLORS['text_primary']} !important;
|
| 542 |
-
}}
|
| 543 |
-
|
| 544 |
-
/* File uploader specific fixes */
|
| 545 |
-
.stFileUploader div div {{
|
| 546 |
-
background-color: {COLORS['accent']} !important;
|
| 547 |
-
border: 1px dashed {COLORS['text_secondary']} !important;
|
| 548 |
-
color: {COLORS['text_primary']} !important;
|
| 549 |
-
}}
|
| 550 |
-
|
| 551 |
-
/* Remove background from all input field containers */
|
| 552 |
-
.stTextInput > div > div > input,
|
| 553 |
-
.stTextArea > div > div > textarea,
|
| 554 |
-
.stSelectbox > div > div > div {{
|
| 555 |
-
background-color: {COLORS['white']} !important;
|
| 556 |
-
border: 1px solid {COLORS['light']} !important;
|
| 557 |
}}
|
| 558 |
|
| 559 |
/* Alert Styling */
|
|
|
|
| 493 |
border-radius: 8px;
|
| 494 |
}}
|
| 495 |
|
| 496 |
+
/* Style widget containers instead of hiding them */
|
| 497 |
.stRadio, .stCheckbox, .stFileUploader, .stTextInput, .stTextArea, .stSelectbox {{
|
| 498 |
+
background-color: {COLORS['accent']} !important;
|
| 499 |
+
border: 1px solid {COLORS['light']} !important;
|
| 500 |
+
border-radius: 8px !important;
|
| 501 |
+
padding: 0.5rem !important;
|
| 502 |
+
margin: 0.5rem 0 !important;
|
| 503 |
}}
|
| 504 |
|
| 505 |
+
/* Style nested containers to match */
|
| 506 |
.stRadio > div, .stCheckbox > div, .stFileUploader > div,
|
| 507 |
.stTextInput > div, .stTextArea > div, .stSelectbox > div {{
|
| 508 |
background-color: transparent !important;
|
| 509 |
border: none !important;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 510 |
}}
|
| 511 |
|
| 512 |
/* Alert Styling */
|