fix : 로그아웃 영역 아이콘 추가

src/main/webapp/WEB-INF/jsp/framework/layouts/tiles/biz/nav.jsp

@@ -3,24 +3,27 @@
 <nav>
   <div class="nav-box">
 
-    <div class="app-brand border p-1">
+    <div id="sneatMenu" style="height: 52rem;">
-      <a href="#" class="app-brand-link gap-2 logo" onclick="$('#ifrTabs').tabs({active: 0})">
+      <div class="app-brand border py-1 px-3">
-        <img src="<c:url value='/'/>resources/images/login/mainLogo_01.png" class="app-brand-logo w-px-30 h-px-30" alt="logo" />
+        <a href="#" class="app-brand-link gap-2 logo" onclick="$('#ifrTabs').tabs({active: 0})">
-        <span id="logoName" class="app-brand-text fs-big fw-bold">과태료 통합 관리 시스템</span>
+          <img src="<c:url value='/'/>resources/images/login/mainLogo_01.png" class="app-brand-logo w-px-30 h-px-30" alt="logo" />
-      </a>
+          <span id="logoName" class="app-brand-text fs-big fw-bold">과태료 통합 관리 시스템</span>
-    </div>
+        </a>
-
-    <div class="personalArea">
-      <div class="txtArea">
-        <strong><c:out value="${sessionScope.XitLoginSession.name }" />[<sec:authentication property="principal.Username"/>]</strong>
-        <em><c:out value="${sessionScope.XitLoginSession.orgnztNm }" /></em>
       </div>
-      <div class="btnArea">
+
-        <a href="${ctx }/login/actionLogout.do" id="logout_btn"style="background: #eb1909;color: #fff;">로그아웃</a>
+      <div class="app-brand-link gap-2 personalArea">
+        <i class="app-brand-logo bx bx-user ps-3"></i>
+        <div class="app-brand-text d-flex gap-2">
+          <div class="txtArea">
+            <strong><c:out value="${sessionScope.XitLoginSession.name }" />[<sec:authentication property="principal.Username"/>]</strong>
+            <em><c:out value="${sessionScope.XitLoginSession.orgnztNm }" /></em>
+          </div>
+          <div class="btnArea">
+            <a href="${ctx }/login/actionLogout.do" id="logout_btn"style="background: #eb1909;color: #fff;">로그아웃</a>
+          </div>
+        </div>
       </div>
-    </div>
 
-    <div id="sneatMenu" style="height: 52rem;">
 
     </div>
 
@@ -248,7 +251,6 @@
         menu1.classList.add("menu");
         menu1.classList.add("menu-vertical");
         menu1.classList.add("bg-menu-theme");
-        menu1.classList.add("py-3");
         menu1.classList.add("overflow-hidden");
 
         if (menu1) {

src/main/webapp/resources/biz/common/css/index.css

@@ -1462,14 +1462,14 @@ button {
 
 /* **  개인화 영역 가이드  ** */
 .personalArea {
-  display: flex;
   background: lightgray;
   overflow: hidden;
-  width: 100%;
+
   padding: 10px 10px;
+  color: #666;
 }
+
   .personalArea .txtArea {
-    width: 50%;
     color: #666;
     text-align: center;
   }
@@ -1491,7 +1491,6 @@ button {
     display: flex;
     align-items: center;
     justify-content: center;
-    width: 50%;
   }
     .personalArea .btnArea a {
       text-decoration: none;

src/main/webapp/resources/biz/common/js/defaultUI.js

@@ -7,15 +7,9 @@ $(document).ready(function(){
         if(eHasClass==true){
             $( "header, button.hamberger").removeClass('active');
             document.querySelector('.layoutWrapper').classList.replace('hamberger-open', 'hamberger-close');
-            //document.querySelector('.nav-box').style.display = "none";
-            document.querySelector('#logoName').style.display = "none";
-            document.querySelector('.personalArea').style.display = "none";
             document.querySelector('#sneatMenu').classList.add("menu-collapsed");
         }else{
             $( "header, button.hamberger").addClass('active');
-            //document.querySelector('.nav-box').style.display = "block";
-            document.querySelector('#logoName').style.display = "";
-            document.querySelector('.personalArea').style.display = "";
             document.querySelector('#sneatMenu').classList.remove("menu-collapsed");
             document.querySelector('.layoutWrapper').classList.replace('hamberger-close', 'hamberger-open');
         }