[mirotalksfu] - fix typo, improve UI

miroslavpejic85 · Jul 1, 2024 · 6437b81 · 6437b81
1 parent 10bac9c
commit 6437b81
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 6 deletions.
diff --git a/public/css/Room.css b/public/css/Room.css
@@ -462,6 +462,15 @@ th {
     width: 20px;
 }
 
+.btn-custom {
+    width: 100%;
+    background: var(--body-bg);
+    padding: 10px;
+}
+.btn-custom:hover {
+    background: var(--select-bg);
+}
+
 /*--------------------------------------------------------------
 # Dropdown menu
 --------------------------------------------------------------*/

diff --git a/public/js/Room.js b/public/js/Room.js
@@ -4032,7 +4032,7 @@ function showAbout() {
         imageUrl: image.about,
         customClass: { image: 'img-about' },
         position: 'center',
-        title: 'WebRTC SFU 1.4.73',
+        title: 'WebRTC SFU v1.4.73',
         html: `
         <br />
         <div id="about">

diff --git a/public/views/Room.html b/public/views/Room.html
@@ -972,10 +972,10 @@ <h1>Loading</h1>
                                 </table>
                                 <div id="file-name"></div>
                                 <!-- <hr /> -->
-                                <button id="startRtmpButton" class="hidden">
+                                <button id="startRtmpButton" class="hidden btn-custom">
                                     <i class="fa-solid fa-play"></i>&nbsp;Start RTMP File Streaming
                                 </button>
-                                <button id="stopRtmpButton" class="hidden">
+                                <button id="stopRtmpButton" class="hidden btn-custom">
                                     <i class="fas fa-stop-circle"></i>&nbsp;Stop RTMP File Streaming
                                 </button>
                                 <hr />
@@ -988,16 +988,16 @@ <h1>Loading</h1>
                                     value=""
                                     placeholder="https://domain/path/file.mp4"
                                 />
-                                <button id="startRtmpURLButton" class="hidden">
+                                <button id="startRtmpURLButton" class="hidden btn-custom">
                                     <i class="fa-solid fa-play"></i>&nbsp;Start RTMP URL Streaming
                                 </button>
-                                <button id="stopRtmpURLButton" class="hidden">
+                                <button id="stopRtmpURLButton" class="hidden btn-custom">
                                     <i class="fas fa-stop-circle"></i>&nbsp;Stop RTMP URL Streaming
                                 </button>
                                 <hr />
                             </div>
                             <div id="rtmpFromStream">
-                                <button id="streamerRtmpButton" class="hidden">
+                                <button id="streamerRtmpButton" class="hidden btn-custom">
                                     <i class="fa-solid fa-satellite-dish"></i>&nbsp;RTMP Streamer
                                 </button>
                                 <hr />