Independent scrolling

app.py

@@ -8,6 +8,29 @@ import os
 # Set Streamlit layout to wide mode
 st.set_page_config(layout="wide")
 
+# Inject custom CSS for independent scrolling and styling
+st.markdown(
+    """
+    <style>
+    .scrollable-left {
+       height: 600px; /* Adjust as needed */
+       overflow-y: auto;
+       padding: 1rem;
+       border: 1px solid #ddd;
+       background-color: #f9f9f9;
+    }
+    .scrollable-right {
+       height: 600px; /* Adjust as needed */
+       overflow-y: auto;
+       padding: 1rem;
+       border: 1px solid #ddd;
+       background-color: #f1f1f1;
+    }
+    </style>
+    """,
+    unsafe_allow_html=True,
+)
+
 st.title("🎬 AI-Powered Content Planner - Clip Creator")
 st.markdown("Paste a transcript on the left and view the generated content plan and extractions on the right.")
 
@@ -49,6 +72,7 @@ col_transcript, col_output = st.columns([1, 1])
 
 # Left Column: Transcript Input
 with col_transcript:
+    st.markdown('<div class="scrollable-left">', unsafe_allow_html=True)
     st.subheader("📝 Paste Your Transcript")
     transcript = st.text_area("Enter the transcript here:", height=400)
 
@@ -70,9 +94,11 @@ with col_transcript:
         media_link = st.text_input("Enter YouTube or external media link:")
         if media_link:
             st.video(media_link)
+    st.markdown('</div>', unsafe_allow_html=True)
 
 # Right Column: Clip Plan Generation and Extraction
 with col_output:
+    st.markdown('<div class="scrollable-right">', unsafe_allow_html=True)
     st.subheader("📋 Generated Clip Plans")
 
     # Button to generate clip plans from the transcript
@@ -186,4 +212,5 @@ with col_output:
                 # Display extraction output if available
                 if f"extracted_clip_{i}" in st.session_state:
                     st.markdown("#### 📝 Extracted Transcript Section:")
-                    st.write(st.session_state[f"extracted_clip_{i}"])
+                    st.write(st.session_state[f"extracted_clip_{i}"])
+        st.markdown('</div>', unsafe_allow_html=True)