ㅇㅇ 로그인아웃 방식 변경

2025-08-04 16:35:49 +09:00
parent 3dcb077e2f
commit e39a7d1fd3
34 changed files with 574 additions and 458 deletions
@@ -2,6 +2,7 @@
 <html lagn="ko"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
+        xmlns:sec="http://www.thymeleaf.org/extras/spring-security"
      xmlns="http://www.w3.org/1999/html">
 <head>
  <base th:href="@{/}" />
@@ -20,12 +21,47 @@
  <th:block th:replace="~{fragments/footer :: footer}"></th:block>
 </div>
 <div id="overlay" class="login_overlay">
+  <style>
+    .custom-checkbox {
+      display: none; /* 실제 체크박스 숨김 */
+    }
+
+    .custom-label {
+      display: inline-block;
+      width: 20px;
+      height: 20px;
+      border: 2px solid #555;
+      cursor: pointer;
+      vertical-align: middle;
+      position: relative;
+    }
+
+    .custom-checkbox:checked + .custom-label {
+      background-color: #007bff;
+      border-color: #007bff;
+    }
+
+    .custom-checkbox:checked + .custom-label::after {
+      content: '';
+      position: absolute;
+      top: 3px;
+      left: 7px;
+      width: 5px;
+      height: 10px;
+      border: solid white;
+      border-width: 0 2px 2px 0;
+      transform: rotate(45deg);
+    }
+  </style>
  <div id="popup" class="login_popup">
    <div id="loginForm" class="login_form">
      <h2>로그인</h2>
      <form id="loginFormElement" onsubmit="return false;">
-        <input type="text" th:data="${enc}" id="loginId" placeholder="아이디" required>
-        <input type="password" th:data="${type}" id="loginPassword" placeholder="비밀번호" required>
+        <input type="text" th:data="${enc}" id="loginId" placeholder="아이디" required/>
+        <input type="password" th:data="${type}" id="loginPassword" placeholder="비밀번호" required/>
+        <input type="checkbox" id="rememberMe" class="custom-checkbox"/>
+        <label for="rememberMe" class="custom-label"></label>
+        <span>자동로그인</span>
        <button type="submit" class="button">로그인</button>
      </form>
    </div>