[mirotalk] - UI imporvements

app/src/server.js

@@ -40,7 +40,7 @@ dependencies: {
  * @license For commercial use or closed source, contact us at license.mirotalk@gmail.com or purchase directly from CodeCanyon
  * @license CodeCanyon: https://codecanyon.net/item/mirotalk-p2p-webrtc-realtime-video-conferences/38376661
  * @author  Miroslav Pejic - miroslav.pejic.85@gmail.com
- * @version 1.3.59
+ * @version 1.3.60
  *
  */
 

package.json

@@ -1,6 +1,6 @@
 {
     "name": "mirotalk",
-    "version": "1.3.59",
+    "version": "1.3.60",
     "description": "A free WebRTC browser-based video call",
     "main": "server.js",
     "scripts": {

public/css/client.css

@@ -1079,6 +1079,13 @@ button:hover {
     transform: translateY(-3px) !important;
 }
 
+.extra-info-container {
+    min-height: 220px;
+    max-height: 220px;
+    overflow-x: none;
+    overflow-y: auto;
+}
+
 #extraInfo {
     padding: 10px;
     font-size: 12px;
@@ -1209,10 +1216,6 @@ th {
     position: relative;
     width: 65%;
     background-color: var(--body-bg);
-    min-height: 500px;
-    max-height: 550px;
-    overflow-x: none;
-    overflow-y: auto;
 }
 
 @media screen and (max-width: 830px) {
@@ -1414,7 +1417,7 @@ input:checked + .slider:before {
 }
 
 .swal2-timer-progress-bar-container {
-    background: #376df9;
+    background: var(--body-bg)
 }
 
 .img-about {

public/js/client.js

@@ -15,7 +15,7 @@
  * @license For commercial use or closed source, contact us at license.mirotalk@gmail.com or purchase directly from CodeCanyon
  * @license CodeCanyon: https://codecanyon.net/item/mirotalk-p2p-webrtc-realtime-video-conferences/38376661
  * @author  Miroslav Pejic - miroslav.pejic.85@gmail.com
- * @version 1.3.59
+ * @version 1.3.60
  *
  */
 

public/views/client.html

@@ -714,7 +714,9 @@ access to use this app.
                             <i class="fa-solid fa-circle-info"></i>
                             <p>Extra info:</p>
                         </div>
-                        <pre id="extraInfo"></pre>
+                        <div class="extra-info-container">
+                            <pre id="extraInfo"></pre>
+                        </div>
                     </div>
 
                     <div id="tabNetwork" class="tabcontent">