Spaces:
Paused
Paused
Update streamlit_app.py
Browse files- streamlit_app.py +28 -3
streamlit_app.py
CHANGED
|
@@ -200,11 +200,36 @@ st.markdown("""
|
|
| 200 |
}
|
| 201 |
|
| 202 |
|
|
|
|
| 203 |
@media only screen and (max-width: 768px) {
|
| 204 |
-
.
|
| 205 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 206 |
}
|
| 207 |
-
}
|
| 208 |
|
| 209 |
.stDataFrame {
|
| 210 |
border-radius: 10px;
|
|
|
|
| 200 |
}
|
| 201 |
|
| 202 |
|
| 203 |
+
/* Mobile responsive changes */
|
| 204 |
@media only screen and (max-width: 768px) {
|
| 205 |
+
.stTabs [data-baseweb="tab-list"] {
|
| 206 |
+
flex-direction: column;
|
| 207 |
+
gap: 4px;
|
| 208 |
+
padding: 4px;
|
| 209 |
+
width: 100% !important;
|
| 210 |
+
}
|
| 211 |
+
|
| 212 |
+
.stTabs [data-baseweb="tab"] {
|
| 213 |
+
width: 100% !important;
|
| 214 |
+
margin-bottom: 4px;
|
| 215 |
+
padding: 10px;
|
| 216 |
+
}
|
| 217 |
+
|
| 218 |
+
/* Adjust chart containers */
|
| 219 |
+
.stPlotlyChart {
|
| 220 |
+
width: 100% !important;
|
| 221 |
+
margin: 0 !important;
|
| 222 |
+
}
|
| 223 |
+
|
| 224 |
+
/* Stack columns vertically */
|
| 225 |
+
.stHorizontalBlock > div {
|
| 226 |
+
flex-direction: column !important;
|
| 227 |
+
}
|
| 228 |
+
|
| 229 |
+
/* Reduce padding in mobile */
|
| 230 |
+
.stApp > div {
|
| 231 |
+
padding: 0.5rem !important;
|
| 232 |
}
|
|
|
|
| 233 |
|
| 234 |
.stDataFrame {
|
| 235 |
border-radius: 10px;
|