fix: set iframe width and height via CSS to take precendence over sphinx theme in the documentation (#2462)

Previously, the iframe would not render correctly as its width was 0 due to the sphinx theme in the docs. This addition makes sure that the iframe is rendered.

Co-authored-by: Dario Quintero (Flexcompute) <[email protected]>

Author: frederikschubertflex

tidy3d/components/viz.py

@@ -398,6 +398,7 @@ class SimulationViewerInjector {
                         var frame = document.createElement("iframe");
                         frame.width = node.dataset.width || 800;
                         frame.height = node.dataset.height || 800;
+                        frame.style.cssText = `width:${frame.width}px;height:${frame.height}px;max-width:none;border:0;display:block`
                         frame.src = VIEWER_URL + "?uuid=" + uuid;
 
                         var postMessageToViewer;
@@ -426,7 +427,7 @@ class SimulationViewerInjector {
         })();
     """
     html_code = f"""
-    <div class="simulation-viewer" data-width="{escape(str(width))}" data-height="{escape(str(height))}" data-simulation="{escape(base64)}" />
+    <div class="simulation-viewer" data-width="{escape(str(width))}" data-height="{escape(str(height))}" data-simulation="{escape(base64)}" ></div>
     <script>
         {js_code}
     </script>