Update app.py

app.py

@@ -405,13 +405,18 @@ css="""
 
 
 def mm(graph,zoom):
-    code_out=""
+    css="""
+    #wrap { width: 100%; height: 100%; padding: 0; overflow: auto; };
+    #frame { width: 100%; border: 1px solid black; };
+    #frame { zoom: $ZOOM; -moz-transform: scale($ZOOM); -moz-transform-origin: 0 0; };
+    """.replace("$ZOOM",zoom)
+    code_out=f"<style>{css}</style>"
     for ea in graph.split("\n"):
         code=ea.strip().strip("\n")
         code_out+=code
     #out_html=f'''<div><iframe src="https://omnibus-mermaid-script.static.hf.space/index.html?mermaid={code_out}&rand={random.randint(1,1111111111)}" height="500" width="500"></iframe></div>'''
     out_html=f'''<div id="wrap"><iframe id="frame" src="https://omnibus-mermaid-script.static.hf.space/index.html?mermaid={code_out}" height="500" width="500"></iframe></div>'''
-    return gr.update(out_html,css=css.replace("$ZOOM",str(zoom)))
+    return gr.update(out_html)
     
 def summarize(inp,history,data=None,files=None,directory=None,url=None,pdf_url=None,pdf_batch=None):
     json_box=[]
@@ -521,8 +526,8 @@ def clear_fn():
 
 def zoom_update(inp):
     this.clear()
-    this.update(str(inp))
-    
+    this.append(str(inp))
+    return gr.update()
 
 with gr.Blocks() as app:
     gr.HTML("""<center><h1>Mixtral 8x7B TLDR Summarizer + Web</h1><h3>Summarize Data of unlimited length</h3>""")
@@ -559,7 +564,7 @@ with gr.Blocks() as app:
     #text=gr.JSON()
 
     #zoom_btn.change(zoom_update,zoom_btn,None)
-    upd_button.click(mm,[e_box,zoom_btn],m_box)
+    upd_button.click(mm,[e_box,zoom_btn],[m_box)
     #inp_query.change(search_models,inp_query,models_dd)
     clear_btn.click(clear_fn,None,[prompt,chatbot])