style: update the mic icon and camera off text

Author: ye231101

package-lock.json

@@ -290,14 +290,14 @@
   flex-direction: column !important;
   justify-content: center !important;
   gap: 8px !important;
-  padding: 0 16px !important;
 }
 
 .vp-chat-input-container {
   height: 40px !important;
   display: flex !important;
   flex-direction: row !important;
   align-items: center !important;
+  margin: 0 16px !important;
   padding-left: 16px !important;
   border: 1px solid #ffffff !important;
   border-radius: 16px !important;
@@ -320,6 +320,8 @@
 }
 
 .vp-chat-camera-off {
+  padding: 8px !important;
+  background: #000000 !important;
   text-align: center !important;
   color: rgba(255, 255, 255, 0.5) !important;
   font-size: 14px !important;

src/App.css

@@ -321,11 +321,11 @@ function RoomContainer({ roomName, onLeave }) {
               }}
             >
               {message.trim() ? (
-                <SendHorizonal size={20} color="white" />
+                <SendHorizonal size={28} color="white" />
               ) : isMuted ? (
-                <Mic size={20} color="white" />
+                <MicOff size={28} color="white" />
               ) : (
-                <MicOff size={20} color="white" />
+                <Mic size={28} color="white" />
               )}
             </div>
           </div>