Update app.py

app.py

@@ -623,6 +623,7 @@ async(c, o, p, d, n, m)=>{
         document.getElementById("model3D").getElementsByTagName("canvas")[0].ondrag = function(e){e.preventDefault();}
 
         document.getElementById("model3D").appendChild(document.getElementById("compass_box"));
+        document.getElementById("model3D").appendChild(document.getElementById("fullscreen"));
         var coords = JSON.parse(document.getElementById("coords").getElementsByTagName("textarea")[0].value);
 
         if (o.indexOf(""+n) < 0) {
@@ -1122,6 +1123,20 @@ with gr.Blocks(css=css, js=js, head=head) as demo:
               <a onclick='snapshot();'>Screenshot</a><br/>
               <img src='' id='img_out' onload='var ctxt = document.getElementById(\"cnv_out\").getContext(\"2d\");ctxt.drawImage(this, 0, 0);'/><br/>
               <canvas id='cnv_out'></canvas>
+              <a href='#' id='fullscreen' onclick='
+                const model = document.getElementById(\"model3D\");
+                if (model.style.width != \"100vw\") {
+                  model.style.width = \"100vw\";
+                  model.style.height = \"100vh\";
+                  model.style.position = \"fixed\";
+                } else {
+                  model.style.width = \"initial\";
+                  model.style.height = \"initial\";
+                  model.style.position = \"initial\";
+                }
+                if (BABYLON) {
+                  BABYLON.Engine.resize();
+                }'>[+]</a><br/>
               <div id='compass_box'><div id='compass'><b style='color:blue;'>◅</b>𝍠<b style='color:red;'>▻</b></div></div>
             """)
             render = gr.Button("Render")