save file

Author: javascript-2020

utils/misc/nodejs-terminal/html/webcontainer-ports/webcontainer-ports.html

@@ -11,11 +11,11 @@
 
   #list
     {display:flex;flex-direction:column;gap:5px}
-  #list:nth-child(even) {
-    background-color: rgba(173,216,230,0.2);
-  }
   #list:nth-child(odd) {
-    background-color: rgba(211,211,211,0.5);
+    background-color:rgba(173,216,230,0.2);
+  }
+  #list:nth-child(even) {
+    background-color:rgba(211,211,211,0.5);
   }
 
   .item
@@ -31,6 +31,11 @@
     {content:url(data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAABSlBMVEVHcEwnz/4C8P4g1P4L6P43wf5Mr/4a2v4Y3P4/uv5PrP4+vf5Auv4ozv5KsP4vyv45wP5Jsf5Auf49vP5Mrv4zxf44wf5Lr/46wP4h1P5Lr/46vv5Jsv4R5P5Hs/5Etv44wf5Hs/41w/4uyv47vv49vP5Ftf5GtP4c2f4rzP4tyv4m0f5Etv5Nrv4xxv4xxv4xx/4W3/5KsP5Mr/4/u/4uyv5Isv4K6f4l0f4qzv4W3/4V3/5Nrv5Mrv5Mrv5Mr/4W3v4e2P5BuP5Hsv4N5v4K6f4O5v42w/5Dt/4E7/4uyf4C8P4nz/4M5/4K6v4oz/4P5f4k0v4b2v5Gs/4E7v4I6/5Nrf4e1/4H7P4E7v5Auv5Dtv4sy/5Isv5GtP4wx/49vP4zxf47vv44wP42w/5LsP5Jsf4i1P4n0P4N5v4k0v4a2v4S4v4X3v6OfcqkAAAAVnRSTlMACo7CjQWN/VczjgIJMfIXJzHtjj5iVekR71Hvtz7CjelXjre2wiJj2PCFIWbR7+fEnXaodz3544/USfOC22Tm7CXOnqfUZ+/3VTV9bsTzqGDahpb2tyRB6bIAAAIDSURBVDjLrZVpV9pAFIYntdFiQkZsLCQECtJSlqAsFRBU3Kuta1sncYGuJEDt///aISkkkyHo6enzLTlP5s5758wNAC526pd3d1++/fzx/evNze1tp210wxURUMTWBz2v2EWtLc7jBTPmoJfNrqy8i0ajixgB00VISJIeW9JMKbcWDAYDNiFMQN1EqAAJcUfSBif0fsQWQjLxpjGnXUJa5CoIbTiP8KJ0OqfNMLQIZhGad/Ke3t///vWwGKv1+yPxfW55+TnmJWZW5ggxcqX3m6WSVTpSdPcxHCLExmf97AI8e1j8cK1f8X9Fq/Sotrf0k2v9KRiJ08L8mwhf2CQx8oK/yJyPw3Q67ULaV4Tr7tRCwFfkllLF4ushccwGPyUMzwzhMQz/X1Kz+QVMmh2LcjgsTxDZ3OpqIpFYfDu+KGwoxE5JvTtpF9NX9BEB792jn0gD4eNEsVAQHyXOO7fQFmNNLZOnPV5BqEyI+Yxm1qkluS0BCWRp8FEze6mTJQtVVd8MUfcEhBSGFOGMOWmaoc0AmRoXP5cmiHEReEXANOopzCsLRYlXjWolGXE2jK/r/ujEWAdOFIxWGrjO8ljXazG6MeynthEn2gAP9P7B4XCE2thzdG2v2jbK5LfHZ3hINbclSco6o/kIh1Einq4e1qxp5m2PkqZ/CPvbXvFot+xe7w/EpaiUrJ24NAAAAABJRU5ErkJggg==);
       }
 
+  .icon
+    {width:20px;height:20px;border:1px solid gray;border-radius:3px;box-sizing:border-box;cursor:pointer}
+  .spc
+    {flex:1}
+    
             </style>
 
             <div id=root style='display:none'>
@@ -42,7 +47,9 @@
                               </div>
                               <div class=url>
                               </div>
-                              <img class=copy>
+                              <div class=spc>
+                              </div>
+                              <img class='copy icon'>
                         </div>
 
                   </div>
@@ -96,7 +103,7 @@
 
               viewport                  = await vm.new();
               obj.viewport              = viewport;
-              viewport.pos({x:200,y:200,w:400,h:200});
+              viewport.pos({x:200,y:200,w:1000,h:200});
               viewport.hide();
 
               root                      = $(shadow,'#root');