update

app.py

@@ -350,50 +350,50 @@ with gr.Blocks(css="""
         color: #374151 !important;
     }
 """) as demo:
-    gr.Markdown("# 🎨 ScreenCoder: Screenshot to Code")
+    gr.Markdown("# ScreenCoder: Screenshot to Code")
     with gr.Row():
         with gr.Column(scale=1):
-            gr.Markdown("## 📸 Step 1: Provide an Image")
+            gr.Markdown("## Step 1: Provide an Image")
             active_image = gr.Image(type="filepath", height=400)
             upload_button = gr.UploadButton("📁 Click to Upload", file_types=["image"], variant="primary")
             
-            gr.Markdown("## ✍️ Step 2: Write Prompts (Optional)")
-            with gr.Accordion("🎯 Component-specific Prompts", open=False):
-                sidebar_prompt = gr.Textbox(label="📋 Sidebar", placeholder="Instructions for the sidebar...")
-                header_prompt = gr.Textbox(label="📝 Header", placeholder="Instructions for the header...")
-                navigation_prompt = gr.Textbox(label="🧭 Navigation", placeholder="Instructions for the navigation...")
-                main_content_prompt = gr.Textbox(label="📄 Main Content", placeholder="Instructions for the main content...")
+            gr.Markdown("## Step 2: Write Prompts (Optional)")
+            with gr.Accordion("Component-specific Prompts", open=False):
+                sidebar_prompt = gr.Textbox(label="Sidebar", placeholder="Instructions for the sidebar...")
+                header_prompt = gr.Textbox(label="Header", placeholder="Instructions for the header...")
+                navigation_prompt = gr.Textbox(label="Navigation", placeholder="Instructions for the navigation...")
+                main_content_prompt = gr.Textbox(label="Main Content", placeholder="Instructions for the main content...")
 
-            generate_btn = gr.Button("🚀 Generate HTML", variant="primary")
+            generate_btn = gr.Button("Generate HTML", variant="primary")
 
         with gr.Column(scale=2):
-            gr.Markdown("## 👀 Preview Area")
-            gr.Markdown("**💡 Tips**: - Use the sliders below to adjust the preview size and zoom level for better viewing experience. - You can also adjust the page's viewing angle by swiping up, down, left, or right.")
+            gr.Markdown("## Preview Area")
+            gr.Markdown("**Tips**: \n- Use the sliders below to adjust the preview size and zoom level for better viewing experience. \n- Adjust the page's viewing angle by swiping up, down, left, or right.")
             with gr.Tabs():
-                with gr.TabItem("🖼️ Preview"):
+                with gr.TabItem("Preview"):
                     with gr.Row():
                         scale_slider = gr.Slider(0.2, 1.5, value=0.55, step=0.05, label="🔍 Zoom")
                         width_slider = gr.Slider(400, 2000, value=1920, step=50, label="📏 Canvas Width (px)")
                         height_slider = gr.Slider(300, 1200, value=1080, step=50, label="📐 Canvas Height (px)")
                     
                     html_preview = gr.HTML(label="Rendered HTML", show_label=False)
-                with gr.TabItem("🎨 Preview With Placeholder"):
+                with gr.TabItem("Preview With Placeholder"):
                     with gr.Row():
                         scale_slider_with_placeholder = gr.Slider(0.2, 1.5, value=0.55, step=0.05, label="🔍 Zoom")
                         width_slider_with_placeholder = gr.Slider(400, 2000, value=1920, step=100, label="📏 Canvas Width (px)")
                         height_slider_with_placeholder = gr.Slider(300, 1200, value=1080, step=50, label="📐 Canvas Height (px)")
                     
                     html_preview_with_placeholder = gr.HTML(label="Rendered HTML", show_label=False)
-                with gr.TabItem("💻 Code"):
+                with gr.TabItem("Code"):
                     html_code_output = gr.Code(label="Generated HTML", language="html")
-
-            download_button = gr.Button("⬇️ Download Package", visible=False, variant="secondary")
+                
+                download_button = gr.Button("Download Package", visible=False, variant="secondary")
 
     gr.Examples(
         examples=example_rows,
         inputs=[active_image, sidebar_prompt, header_prompt, navigation_prompt, main_content_prompt],
         cache_examples=False,
-        label="📚 Examples"
+        label="Examples"
     )
     
     # State to hold the HTML content for each preview tab