Merge pull request #40 from Atflow-Corp/bssanyang-patch-5

디바이스 인증 성공 / 실패 화면 수정
Atflow-Corp · Feb 19, 2025 · 3969a70 · 3969a70
2 parents 43908da + 1befc6f
commit 3969a70
Show file tree

Hide file tree

Showing 4 changed files with 101 additions and 3 deletions.
diff --git a/2LOGIN02a.html b/2LOGIN02a.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="icon" href="img/Logo.png" type="image/png">
     <link rel="stylesheet" href="main2.css">
-    <title>라이선스 입력</title>
+    <title>디바이스 검증</title>
 </head>
 <body>
     <div class="device-background">

diff --git a/2LOGIN02b.html b/2LOGIN02b.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="ko">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="icon" href="img/Logo.png" type="image/png">
+    <link rel="stylesheet" href="main2.css">
+    <title>디바이스 검증 실패</title>
+</head>
+<body>
+    <div class="device-background">
+    <div class="block2-center">
+        <div><img src="img/error_icon.svg"></div>
+        <div class="h2">디바이스 인증 실패</div>
+        <div class="h3">계정 정보와 디바이스 인증에 실패했습니다.<br>
+            문제가 지속되면 고객센터로 문의해주세요.</div>
+           <div class="button-group">
+            <button class="button-group-home">홈으로</button>
+            <button class="button-group-retry">재시도</button>
+           </div>
+
+
+
+        <div class="spacer"></div>
+        <img src="img/2logo.svg" width="102px" height="auto">
+    </div>
+
+    </div>
+
+
+
+</body>
+    </html>
diff --git a/main.css b/main.css
@@ -2980,7 +2980,7 @@ table {
 }
 
 .pdf-button:hover {
-    background-color: #0056b3;
+    background-color: #3538CD;
 }
 
 /* PDF 스타일 컨테이너 */

diff --git a/main2.css b/main2.css
@@ -291,7 +291,7 @@ a:hover {
     flex: 1 0 0;
     border-radius: 8px;
     border: 1px solid var(--Brand-900, #2D3282);
-    background: var(--Brand-900, #2D3282);
+    background: var(--Brand-900, #444CE7);
     box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
     color: var(--White-100, #F9FAFB);
     font-size: 18px;
@@ -312,6 +312,18 @@ a:hover {
     box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
     cursor: not-allowed; /* Pointer to show it's disabled */
 }
+.confirm-button:hover {
+    color: var(--White-60, #98A2B3);
+    font-size: 18px;
+    font-style: normal;
+    font-weight: 800;
+    line-height: 28px; /* 155.556% */
+    border-radius: 8px;
+    border: 1px solid var(--Brand-900, #2D3282);
+    background: var(--Brand-900, #3538CD);
+    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
+    cursor: not-allowed; /* Pointer to show it's disabled */
+}
 .modal {
     display: none; /* 기본적으로 숨김 */
     position: fixed;
@@ -836,6 +848,59 @@ a:hover {
     flex-shrink: 0;
 }
 
+.button-group{
+    display: flex;
+    align-items: center;
+    gap: 24px;
+    width: 100%;
+    justify-content: center; /* 가운데 정렬을 위해 추가 */
+}
+.button-group-home{
+    display: flex;
+    width: 40%;
+    align-items: center; /* flex-start에서 center로 변경 */
+    padding: 16px 28px;
+    justify-content: center;
+    border-radius: 8px;
+    border: 1px solid var(--BG1, #545356);
+    background: var(--BG1, #545356);
+    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
+    color: var(--White-100, #F9FAFB);
+    font-family: Pretendard;
+    font-size: 18px;
+    font-style: normal;
+    font-weight: 800;
+    line-height: 28px; /* 155.556% */
+}
+.button-group-home:hover {
+    cursor: pointer; /* 커서를 포인터로 변경 */
+    background: var(--BG1, #4C4F54); /* 배경색 약간 어둡게 */
+    color: var(--White-100, #F9FAFB); /* 텍스트 색상 유지 */
+}
+
+.button-group-retry{
+    display: flex;
+    width: 40%;
+    align-items: center; /* flex-start에서 center로 변경 */
+    padding: 16px 28px;
+    justify-content: center;
+    border-radius: 8px;
+    border: 1px solid var(--Error-500, #F04438);
+    background: var(--Error-500, #F04438);
+    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
+    color: var(--White-100, #F9FAFB);
+    font-family: Pretendard;
+    font-size: 18px;
+    font-style: normal;
+    font-weight: 800;
+    line-height: 28px; /* 155.556% */
+}
+.button-group-retry:hover {
+    cursor: pointer; /* 커서를 포인터로 변경 */
+    background: var(--Error-500, #E3352F); /* 배경색 약간 어둡게 */
+    color: var(--White-100, #F9FAFB); /* 텍스트 색상 유지 */
+}
+
 /* 리소스 다운로드 화면 */
 .loading-overlay {
     position: fixed;