[mirotalkwebrtc] - add css class

miroslavpejic85 · May 13, 2024 · 3907a86 · 3907a86
1 parent 8001b48
commit 3907a86
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git a/frontend/css/client.css b/frontend/css/client.css
@@ -744,6 +744,16 @@ tr:nth-child(even) {
     -moz-transform: translate(-50%, -50%);
 }
 
+.txt-green {
+    color:rgb(8, 189, 89);
+}
+
+.txt-qr {
+    font-family: Arial, Helvetica, sans-serif;
+    color: var(--text-color); 
+    background: transparent; 
+}
+
 .fadeIn {
     -webkit-animation: fadeIn ease-in 1;
     -moz-animation: fadeIn ease-in 1;

diff --git a/frontend/js/client.js b/frontend/js/client.js
@@ -603,9 +603,9 @@ function copyRoom(id) {
                     <canvas id="qrRoom"></canvas>
                 </div>
                 <br/>
-                <p style="color:rgb(8, 189, 89);">Join from your mobile device</p>
-                <p style="background:transparent; color:white; font-family: Arial, Helvetica, sans-serif;">No need for apps, simply capture the QR code with your mobile camera Or Invite someone else to join by sending them the following URL</p>
-                <p style="color:rgb(8, 189, 89);">${roomURL}</p>`,
+                <p class="txt-green">Join from your mobile device</p>
+                <p class="txt-qr">No need for apps, simply capture the QR code with your mobile camera Or Invite someone else to join by sending them the following URL</p>
+                <p class="txt-green">${roomURL}</p>`,
             );
             makeRoomQR(roomURL);
         },