Update app.py

app.py

@@ -3,7 +3,7 @@ import html
 import io
 from contextlib import redirect_stdout
 
-# Python runner with real terminal output
+# Python runner with terminal output
 def run_python(code):
     f = io.StringIO()
     try:
@@ -27,7 +27,7 @@ def run_code(code, lang):
 
 # Starter templates
 starter_python = """# Python example
-print("Hello from Python!")
+print("Hello World!")
 for i in range(5):
     print(f"Line {i+1}")"""
 
@@ -46,13 +46,13 @@ h1 { color:#F714C5; text-align:center; }
 
 with gr.Blocks(css=f"""
 body {{ margin:0; padding:0; font-family:'Poppins', sans-serif; background:#121212; color:#e0e0e0; }}
-.gradio-container {{ max-width:1200px; margin:auto; padding:20px; }}
+.gradio-container {{ max-width:1600px; margin:auto; padding:20px; }}
 .gr-row {{ display:flex; gap:20px; margin-top:20px; }}
-.output-panel {{ flex:1; background:#1e1e1e; border-radius:8px; box-shadow:0 4px 8px rgba(0,0,0,0.5); height:500px; padding:16px; font-family: monospace; color: #00ff00; white-space: pre-wrap; overflow:auto; }}
-.gr-textbox textarea {{ font-family: monospace; background:#1e1e1e; color:#e0e0e0; border:none; border-radius:8px; padding:16px; height:500px; overflow:auto; }}
+.output-panel {{ flex:1; background:#1e1e1e; border-radius:8px; box-shadow:0 4px 8px rgba(0,0,0,0.5); height:600px; padding:16px; font-family: monospace; color: #00ff00; white-space: pre-wrap; overflow:auto; }}
+#editor-container .CodeMirror {{ height:600px; border-radius:8px; font-family: monospace; font-size:14px; }}
 .gr-radio {{ color:#e0e0e0; margin-bottom:16px; }}
 button, .gr-button {{ background-color:#F714C5 !important; color:#fff !important; border-radius:6px !important; padding:10px 20px !important; }}
-footer {{ display:none !important; }} /* Hide Gradio footer */
+footer {{ display:none !important; }}
 header {{ background:#000000; padding:16px; color:#F714C5; font-size:1.6em; text-align:center; margin-top:20px; }}
 header img {{ vertical-align:middle; height:20px; margin-right:8px; }}
 """) as demo:
@@ -66,12 +66,12 @@ header img {{ vertical-align:middle; height:20px; margin-right:8px; }}
 
     # Editor + Output side by side
     with gr.Row():
-        code_input = gr.Textbox(
-            lines=20,
+        code_input = gr.Code(
             value=starter_web,
+            language="html",
             label="Type your code here",
-            placeholder="Start coding...",
             interactive=True,
+            lines=25,
         )
         output_frame = gr.HTML(label="Output", elem_id="output-panel")