From 993c06de17dc118aa9ff9de611d971e0ad80ade8 Mon Sep 17 00:00:00 2001
From: geun <1416geun@naver.com>
Date: Tue, 14 Nov 2023 16:25:53 +0900
Subject: [PATCH] =?UTF-8?q?=EC=A4=91=EB=B3=B5=EC=BD=94=EB=93=9C=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/css/custom.css                   | 3 ++-
 src/components/websocket/WebsocketClient.js | 8 +++-----
 src/views/control/main/ControlMain.js       | 2 +-
 3 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/assets/css/custom.css b/src/assets/css/custom.css
index 70c69e0..d38ebef 100644
--- a/src/assets/css/custom.css
+++ b/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}
\ No newline at end of file
+.test{background:red}
diff --git a/src/components/websocket/WebsocketClient.js b/src/components/websocket/WebsocketClient.js
index d7bad4a..539e7c0 100644
--- a/src/components/websocket/WebsocketClient.js
+++ b/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>
     </>
   );
 };
diff --git a/src/views/control/main/ControlMain.js b/src/views/control/main/ControlMain.js
index 7a0ecbf..d07b738 100644
--- a/src/views/control/main/ControlMain.js
+++ b/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 = 클래스명 변경시 빨간색! 접속이 원할하지않을때 */}