Update app.py

app.py

@@ -245,7 +245,7 @@ def run_main_app(semantic_concept, word, letter, font_name, num_steps, example=0
     with open(image, "r") as f1:
         svg_content_final = f1.read()
         
-    yield gr.update(value=f"<div>{svg_content_init}</div>",label="Initial Word",height=333,visible=True),gr.update(visible=False),gr.update(value=f"<div>{svg_content_final}</div>",label="Final Result",height=333,visible=True)
+    yield gr.update(value=f"<div>{svg_content_init}</div>",label="Initial Word",visible=True),gr.update(visible=False),gr.update(value=f"<div>{svg_content_final}</div>",label="Final Result",visible=True)
  
 
 with gr.Blocks() as demo:
@@ -297,9 +297,9 @@ with gr.Blocks() as demo:
             run = gr.Button('Generate')
 
         with gr.Column():
-            result0 = gr.HTML(label="Initial Word") #gr.Image(type="filepath", label="Initial Word",height=333) 
+            result0 = gr.HTML("""<style>{width: 333px; height: 333px;}</style>""",label="Initial Word") #gr.Image(type="filepath", label="Initial Word",height=333) 
             result1 = gr.Image(type="filepath", label="Optimization Process",height=100) 
-            result2 = gr.Image(type="filepath", label="Final Result",visible=False,height=333) 
+            result2 = gr.HTML(label="Final Result") #gr.Image(type="filepath", label="Final Result",visible=False,height=333) 
             
         
     with gr.Row():