wayne-chi commited on
Commit
985b8a7
·
verified ·
1 Parent(s): cc874e5

Update streamlit_app.py

Browse files
Files changed (1) hide show
  1. 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
- .table-inner {
205
- width: 90%; /* For mobile */
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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;