13th commit

app.py

@@ -449,8 +449,46 @@ def load_example(example_name):
     """Load example code"""
     return example_codes.get(example_name, "")
 
-# Create Gradio interface
-with gr.Blocks(title="Manim Animation Generator", theme=gr.themes.Soft()) as app:
+# Create Gradio interface with custom CSS for fixed height code input
+with gr.Blocks(
+    title="Manim Animation Generator", 
+    theme=gr.themes.Soft(),
+    css="""
+    /* Fix the height of the code input and add scrollbar */
+    .code-input textarea {
+        height: 400px !important;
+        max-height: 400px !important;
+        min-height: 400px !important;
+        overflow-y: auto !important;
+        resize: none !important;
+    }
+    
+    /* Ensure the parent container doesn't expand */
+    .code-input {
+        height: 400px !important;
+        max-height: 400px !important;
+    }
+    
+    /* Style the scrollbar for better visibility */
+    .code-input textarea::-webkit-scrollbar {
+        width: 8px;
+    }
+    
+    .code-input textarea::-webkit-scrollbar-track {
+        background: #f1f1f1;
+        border-radius: 4px;
+    }
+    
+    .code-input textarea::-webkit-scrollbar-thumb {
+        background: #888;
+        border-radius: 4px;
+    }
+    
+    .code-input textarea::-webkit-scrollbar-thumb:hover {
+        background: #555;
+    }
+    """
+) as app:
     gr.Markdown("""
     # 🎬 Manim Animation Generator
     
@@ -480,7 +518,8 @@ with gr.Blocks(title="Manim Animation Generator", theme=gr.themes.Soft()) as app
                 label="Manim Code",
                 language="python",
                 lines=20,
-                value=example_codes["Simple Square"]
+                value=example_codes["Simple Square"],
+                elem_classes=["code-input"]  # Add custom CSS class
             )
             
             with gr.Row():