[mirotalksfu] - improve volume indicator

public/css/Room.css

@@ -457,33 +457,29 @@ th {
 # Settings - microphone volume indicator
 --------------------------------------------------------------*/
 
-#volumeContainer {
+.volume-container {
     display: flex;
     align-items: center;
     width: 100%;
     background-color: var(--body-bg);
-    border-radius: 10px;
+    border-radius: 8px;
 }
 
-#volumeBar {
+.volume-bar {
     flex: 1;
     height: 5px;
-    background-color: #000000;
-    position: relative;
+    margin: 0 2px;
+    background-color: #ddd;
     border-radius: 5px;
+    transition: background-color 0.3s ease;
 }
 
-#volumeLevel {
-    height: 100%;
-    background-color: #007bff;
-    border-radius: 5px;
-    transition: width 100ms ease-in-out;
+.active {
+    background-color: #3498db;
 }
 
-#volumeText {
-    margin-left: 10px;
-    font-weight: bold;
-    color: #333;
+.inactive {
+    background-color: #ddd;
 }
 
 /*--------------------------------------------------------------