[mirotalkwebrtc] - improve UI

miroslavpejic85 · May 12, 2024 · a8bba0d · a8bba0d
1 parent 78cdb57
commit a8bba0d
Show file tree

Hide file tree

Showing 3 changed files with 39 additions and 6 deletions.
diff --git a/backend/controllers/users.js b/backend/controllers/users.js
@@ -122,9 +122,43 @@ async function userLogin(req, res) {
                 const userSaveData = await userData.save();
                 log.debug('User create OK', userSaveData);
                 return res.status(201).send({
-                    message: `✅ Account created! <br/> Click on Login and enjoy! <br><br>
-                    <p>I am hoping you find the application useful. Making a small donation is a great way to let me know you like it and want me to keep working on it. Thank you! ❤️</p>
-                    <a href="${nodemailer.SUPPORT}" target="_blank" style="text-decoration:none;"><h1 style="color:lime;">👉 paypal.me 👈<h1></a>`,
+                    message: `<style>
+                    .container {
+                        text-align: center;
+                        background-color: var(--primary-color);
+                        border-radius: 10px;
+                        padding: 20px;
+                        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+                    }
+                    h1 {
+                        color: #4CAF50;
+                        margin-bottom: 10px;
+                    }
+                    p {
+                        color: var(--text-color);
+                        margin-bottom: 20px;
+                    }
+                    a {
+                        text-decoration: none;
+                        color: #4CAF50;
+                        font-weight: bold;
+                        border: 2px solid #4CAF50;
+                        border-radius: 5px;
+                        padding: 10px 20px;
+                        display: inline-block;
+                        transition: background-color 0.3s, color 0.3s;
+                    }
+                    a:hover {
+                        background-color: #4CAF50;
+                        color: #fff;
+                    }
+                    </style>
+                    <div class="container">
+                        <h1>Account created!</h1>
+                        <p>Click on Login and enjoy!</p>
+                        <p>I am hoping you find the application useful. Making a small donation is a great way to let me know you like it and want me to keep working on it. Thank you! ❤️</p>
+                        <a href="${nodemailer.SUPPORT}" target="_blank">Donate via PayPal</a>
+                    </div>`,
                 });
             }
         }

diff --git a/frontend/js/client.js b/frontend/js/client.js
@@ -9,10 +9,9 @@
  * @license For private project or commercial purposes contact us at: [email protected] or purchase it directly via Code Canyon:
  * @license https://codecanyon.net/item/a-selfhosted-mirotalks-webrtc-rooms-scheduler-server/42643313
  * @author  Miroslav Pejic - [email protected]
- * @version 1.0.77
+ * @version 1.0.78
  */
 
-
 const isMobile = !!/Android|webOS|iPhone|iPad|iPod|BB10|BlackBerry|IEMobile|Opera Mini|Mobile|mobile/i.test(
     navigator.userAgent.toLowerCase() || '',
 );

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "mirotalkwebrtc",
-    "version": "1.0.77",
+    "version": "1.0.78",
     "description": "MiroTalk WebRTC admin",
     "main": "server.js",
     "scripts": {