styles

app_generated.py

@@ -353,14 +353,6 @@ st.title("Data Analysis Agent Interface")
 
 st.write(" In this demo, you'll explore a sample CSV file containing sales data—such as product names, regions, dates, and revenue figures. Simply type in natural language questions like “What were the best-selling products in March?” or “How did sales vary by region?” and the tool will instantly generate clear reports and visualizations. No technical skills needed—just ask and explore.")
 
-st.sidebar.markdown(
-    f"""
-    <div style="text-align: center;">
-        Powered by <img src="data:image/png;base64,{get_zega_logo_base64()}" style="height: 100px;">
-    </div>
-    """,
-    unsafe_allow_html=True,
-)
 st.sidebar.header("Sample Questions")
 
 sample_questions = [
@@ -517,4 +509,27 @@ if "chat_response" in st.session_state:
                     mime="application/pdf",
                 )
             except Exception as e:
-                st.error(f"PDF generation failed: {e}")
+                st.error(f"PDF generation failed: {e}")
+                
+import streamlit.components.v1 as components
+components.html(
+    """
+    <script>
+      function sendHeightWhenReady() {
+        const el = window.parent.document.getElementsByClassName('st-emotion-cache-b95f0i')[0];
+        if (el) {
+          const height = el.scrollHeight;
+          console.log("Sending height to parent:", height);
+          window.parent.parent.postMessage({ type: 'setHeight', height: height }, '*');
+        } else {
+          // Retry in 100ms until the element appears
+          setTimeout(sendHeightWhenReady, 1000);
+        }
+      }
+
+      window.onload = sendHeightWhenReady;
+      window.addEventListener('resize', sendHeightWhenReady);
+      setInterval(sendHeightWhenReady, 1000);
+    </script>
+    """
+)

style.css

@@ -94,4 +94,31 @@ body {
 	.st-emotion-cache-t1wise {
 		padding: 0 54px !important;
 	}
-}
+}
+
+[data-testid="stSidebarContent"] {
+	border: 1px solid #C0CDF5 !important;
+	background: white !important;
+	border-radius: 18px;
+}
+
+.st-emotion-cache-11ig4q4 {
+	background-color: transparent !important;
+	}
+
+.st-emotion-cache-mtjnbi {
+		padding: 0 !important;
+	}
+	
+.st-ba {
+		border-bottom-color: rgba(49, 51, 63, 0.2) !important;
+	}
+.st-b9 {
+		border-top-color: rgba(49, 51, 63, 0.2) !important;
+	}
+.st-b8 {
+		border-right-color: rgba(49, 51, 63, 0.2) !important;
+	}
+.st-b7 {
+		border-left-color: rgba(49,51,63,0.2) !important;
+	}