중복코드수정

src/assets/css/custom.css

@@ -231,6 +231,7 @@ h1.logo span{display:block;color:#f4f4f4;font-weight:bold;letter-spacing:2px;fon
 .left-menu-nav, .left-menu-footer{color:#bbb;}
 .left-menu-nav li, .left-menu-footer li{margin-top:20px;text-align:center;}
 .left-menu-footer{position:absolute;bottom:20px;left:50%;transform: translateX(-50%);}
+.socket-wrap{display:flex;justify-content: center;}
 .socket_on{display:block;width:32px;height:32px;border-radius:100%;background:#28C76F;position: relative;}
 .socket_on svg{color:#fff;margin-top:4px;}
 .socket_on::after{content:'';display:block;width:10px;height:10px;border:2px solid #ddd;border-radius:100%;background:#28C76F;position: absolute;right:0;bottom:0px;}
@@ -946,4 +947,4 @@ background-size: 75% auto;
 
 .uam-reservation-btn{display:flex;justify-content:space-between;margin-top:1rem}
 .uam-reservation-btn button{min-width:120px}
-.test{background:red}
+.test{background:red}

src/components/websocket/WebsocketClient.js

@@ -53,11 +53,9 @@ const WebsocketClient = () => {
   }
   return (
     <>
-      <li>
-        <span className={isConnection ? 'socket_on' : 'socket_off'}>
-          <VscLoading size={25} />
-        </span>
-      </li>
+      <span className={isConnection ? 'socket_on' : 'socket_off'}>
+        <VscLoading size={25} />
+      </span>
     </>
   );
 };

src/views/control/main/ControlMain.js

@@ -226,7 +226,7 @@ const ControlMain = () => {
               onClick={handlerLogout}
             />
           </li>
-          <li style={{ marginLeft: '8px' }}>
+          <li className='socket-wrap'>
             <WebsocketClient />
           </li>
           {/* socket_off = 클래스명 변경시 빨간색! 접속이 원할하지않을때 */}