[mirotalksfu] - improve Support button UI

app/src/Server.js

@@ -44,7 +44,7 @@ dependencies: {
  * @license For commercial or closed source, contact us at [email protected] or purchase directly via CodeCanyon
  * @license CodeCanyon: https://codecanyon.net/item/mirotalk-sfu-webrtc-realtime-video-conferences/40769970
  * @author  Miroslav Pejic - [email protected]
- * @version 1.4.98
+ * @version 1.4.99
  *
  */
 

package.json

@@ -1,6 +1,6 @@
 {
     "name": "mirotalksfu",
-    "version": "1.4.98",
+    "version": "1.4.99",
     "description": "WebRTC SFU browser-based video calls",
     "main": "Server.js",
     "scripts": {

public/css/Room.css

@@ -969,19 +969,21 @@ th {
 }
 
 #about button {
-    border: none;
     width: 170px;
     height: 40px;
-    font-size: 1.2rem;
-    background: linear-gradient(100deg, #376df9 0, #4b4547 75%, #222222 100%);
-    box-shadow: 0 0 6px 0 rgb(251 255 0 / 82%);
     color: #ffffff;
+    font-size: 1.2rem;
+    border-radius: 6px;
+    background: linear-gradient(65deg, #0270d7 0, #0f8afd 100%);
     transition: background 0.23s;
     cursor: pointer;
 }
 
 #about button:hover {
     font-weight: bold;
+    filter: brightness(1.1) saturate(1.2);
+    transform: scale(1.05);
+    box-shadow: 0 6px 20px rgba(0, 123, 255, 0.4);
 }
 
 /*--------------------------------------------------------------
@@ -1371,7 +1373,7 @@ hr {
 }
 
 /*--------------------------------------------------------------
-# Pulse class effect
+# Pulsate class effect
 --------------------------------------------------------------*/
 
 .pulsate {

public/css/landing.css

@@ -1074,12 +1074,10 @@ label {
     height: 32px;
 }
 .button-primary {
-    background: #097dea;
     background: linear-gradient(65deg, #0270d7 0, #0f8afd 100%);
     border-radius: 6px;
 }
 .button-primary:hover {
-    background: #0982f4;
     background: linear-gradient(65deg, #0275e1 0%, #198ffd 100%);
     border-radius: 6px;
     filter: brightness(1.1) saturate(1.2);

public/js/Room.js

@@ -11,7 +11,7 @@ if (location.href.substr(0, 5) !== 'https') location.href = 'https' + location.h
  * @license For commercial or closed source, contact us at [email protected] or purchase directly via CodeCanyon
  * @license CodeCanyon: https://codecanyon.net/item/mirotalk-sfu-webrtc-realtime-video-conferences/40769970
  * @author  Miroslav Pejic - [email protected]
- * @version 1.4.98
+ * @version 1.4.99
  *
  */
 
@@ -4240,14 +4240,13 @@ function showAbout() {
         imageUrl: image.about,
         customClass: { image: 'img-about' },
         position: 'center',
-        title: 'WebRTC SFU v1.4.98',
+        title: 'WebRTC SFU v1.4.99',
         html: `
         <br />
         <div id="about">
             <button 
                 id="support-button" 
                 data-umami-event="Support button" 
-                class="pulsate" 
                 onclick="window.open('https://codecanyon.net/user/miroslavpejic85')">
                 <i class="fas fa-heart"></i> 
                 Support

public/js/RoomClient.js

@@ -9,7 +9,7 @@
  * @license For commercial or closed source, contact us at [email protected] or purchase directly via CodeCanyon
  * @license CodeCanyon: https://codecanyon.net/item/mirotalk-sfu-webrtc-realtime-video-conferences/40769970
  * @author  Miroslav Pejic - [email protected]
- * @version 1.4.98
+ * @version 1.4.99
  *
  */