Update app.py

app.py

@@ -395,6 +395,14 @@ def format_json(inp):
     
     return out_json
 
+
+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; }
+"""
+
+
 def mm(graph):
     code_out=""
     for ea in graph.split("\n"):
@@ -402,7 +410,7 @@ def mm(graph):
         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 out_html
+    return gr.update(out_html,css=css.replace("$ZOOM",this[0]))
     
 def summarize(inp,history,data=None,files=None,directory=None,url=None,pdf_url=None,pdf_batch=None):
     json_box=[]
@@ -509,18 +517,14 @@ def clear_fn():
     return "",[(None,None)]
 
 
-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; }
-"""
+
 this=["1.25"]
 def zoom_update(inp):
     this.clear()
-    this.update(inp)
+    this.update(str(inp))
     
 
-with gr.Blocks(css=css.replace("$ZOOM",this[0])) as app:
+with gr.Blocks() as app:
     gr.HTML("""<center><h1>Mixtral 8x7B TLDR Summarizer + Web</h1><h3>Summarize Data of unlimited length</h3>""")
     chatbot = gr.Chatbot(label="Mixtral 8x7B Chatbot",show_copy_button=True)
     with gr.Row():