Update src/streamlit_app.py

src/streamlit_app.py

@@ -24,6 +24,51 @@ from sklearn.decomposition import LatentDirichletAllocation
 # ------------------------------
 from gliner import GLiNER
 from streamlit_extras.stylable_container import stylable_container
+
+
+# --- Conditional Mobile Warning ---
+st.markdown(
+    """
+    <style>
+    /* CSS Media Query: Only show the content inside this selector when the screen width is 600px or less (typical mobile size) */
+    @media (max-width: 600px) {
+        #mobile-warning-container {
+            display: block; /* Show the warning container */
+            background-color: #ffcccc; /* Light red/pink background */
+            color: #cc0000; /* Dark red text */
+            padding: 10px;
+            border-radius: 5px;
+            text-align: center;
+            margin-bottom: 20px;
+            font-weight: bold;
+            border: 1px solid #cc0000;
+        }
+    }
+    
+    /* Hide the content by default (for larger screens) */
+    @media (min-width: 601px) {
+        #mobile-warning-container {
+            display: none; /* Hide the warning container on desktop */
+        }
+    }
+    </style>
+    
+    <div id="mobile-warning-container">
+        ⚠️ **Tip for Mobile Users:** For the best viewing experience of the charts and tables, please switch your browser to **"Desktop Site"** view.
+    </div>
+    """,
+    unsafe_allow_html=True
+)
+# ----------------------------------
+
+
+
+
+
+
+
+
+
 # Using a try/except for comet_ml import
 try:
     from comet_ml import Experiment