룸헤더 수정

client/src/components/Room/Controller.js

@@ -24,13 +24,8 @@ const Controller = () => {
       <div className="row">
         <div
           className="col d-flex justify-content-center"
-          style={{ backgroundColor: '#C4C4C4', position: 'absolute', bottom: 0 }}
+          style={{ backgroundColor: '#C4C4C4', position: 'absolute', bottom: 0, width:'414px' }}
         >
-          {/* <div className="col d-flex justify-content-center"> 
-            <button type="button" className="btn">
-              <img src={mic_btn} width="45" height="40" />
-            </button>
-          </div> */}
           {mic ? <div className="col d-flex justify-content-center">
             <button type="button" className="btn" onClick={micOn}>
               <img src={micoff_btn} width="45" height="40" />

client/src/components/Room/RoomHeader.js

@@ -5,11 +5,17 @@ const RoomHeader = () => {
     <div className="container">
       <div className="row">
         <div
-          className=" col d-flex justify-content-space-between"
+          className="col d-flex justify-content-space-between"
           style={{ backgroundColor: '#C4C4C4' }}
         >
+          {/* <p
+            className="mt-4 me-4"
+            style={{ fontWeight: 'bold', fontSize: '20px', color: '#571e80' }}
+          >
+            # 회의
+          </p> */}
           <img
-            className="m-2 rounded-circle"
+            className="mt-3 m-2 rounded-circle"
             src="/cherry.jpg"
             width="40"
             height="40"
@@ -26,18 +32,13 @@ const RoomHeader = () => {
                 overflow: 'hidden',
                 textOverflow: 'ellipsis',
                 whiteSpace: 'nowrap',
-                width: '110px',
+                width: '150px',
+                color: '#420ba2'
               }}
             >
-              데계 재밌는 수학과
+              # 회의
             </p>{' '}
-            #ASV2AE985
-          </p>
-          <p
-            className='mt-3'
-            style={{ fontWeight: 'bold', fontSize: '20px', color: '#571e80' }}
-          >
-            Ch.회의
+            데계 재밌는 수학과
           </p>
         </div>
       </div>