06-검증완료 화면 헤더 및 버튼 스타일 통일

This commit is contained in:
yabo0812 2025-10-22 17:35:05 +09:00
parent b2f66756e2
commit c2d8ad52f0
2 changed files with 23 additions and 12 deletions

View File

@ -0,0 +1,11 @@
{
"permissions": {
"allow": [
"Bash(git add:*)",
"Bash(git commit:*)",
"Bash(git push)"
],
"deny": [],
"ask": []
}
}

View File

@ -82,7 +82,7 @@
<!-- Header --> <!-- Header -->
<header class="header"> <header class="header">
<div class="header-left"> <div class="header-left">
<button class="icon-btn" onclick="history.back()"></button> <button class="back-btn" onclick="history.back()"></button>
<h1 class="header-title">검증 완료</h1> <h1 class="header-title">검증 완료</h1>
</div> </div>
</header> </header>
@ -134,7 +134,7 @@
<span class="text-caption text-muted">2명 검증 완료</span> <span class="text-caption text-muted">2명 검증 완료</span>
</div> </div>
</div> </div>
<button class="btn-ghost btn-sm" onclick="viewSection(0)">보기</button> <button class="btn btn-secondary btn-sm" onclick="viewSection(0)">보기</button>
</div> </div>
<!-- 섹션 2 - 검증 완료 + 잠금 --> <!-- 섹션 2 - 검증 완료 + 잠금 -->
@ -154,7 +154,7 @@
<span class="text-caption text-muted">3명 검증 완료 · 잠금됨</span> <span class="text-caption text-muted">3명 검증 완료 · 잠금됨</span>
</div> </div>
</div> </div>
<button class="btn-ghost btn-sm" onclick="unlockSection(1)">잠금해제</button> <button class="btn btn-secondary btn-sm" onclick="unlockSection(1)">잠금해제</button>
</div> </div>
<!-- 섹션 3 - 미검증 --> <!-- 섹션 3 - 미검증 -->
@ -169,7 +169,7 @@
<span class="text-caption text-muted">1명 검증 완료</span> <span class="text-caption text-muted">1명 검증 완료</span>
</div> </div>
</div> </div>
<button class="btn-primary btn-sm" onclick="verifySection(2)">검증하기</button> <button class="btn btn-primary btn-sm" onclick="verifySection(2)">검증하기</button>
</div> </div>
<!-- 섹션 4 - 미검증 --> <!-- 섹션 4 - 미검증 -->
@ -181,7 +181,7 @@
<span class="text-caption text-muted">아직 검증되지 않음</span> <span class="text-caption text-muted">아직 검증되지 않음</span>
</div> </div>
</div> </div>
<button class="btn-primary btn-sm" onclick="verifySection(3)">검증하기</button> <button class="btn btn-primary btn-sm" onclick="verifySection(3)">검증하기</button>
</div> </div>
</div> </div>
@ -209,8 +209,8 @@
</div> </div>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button class="btn-ghost" onclick="closeModal('sectionModal')">닫기</button> <button class="btn btn-secondary btn-sm" onclick="closeModal('sectionModal')">닫기</button>
<button class="btn-primary" onclick="editSection()">편집</button> <button class="btn btn-primary btn-sm" onclick="editSection()">편집</button>
</div> </div>
</div> </div>
</div> </div>
@ -229,8 +229,8 @@
</div> </div>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button class="btn-ghost" onclick="closeModal('verifyModal')">취소</button> <button class="btn btn-secondary btn-sm" onclick="closeModal('verifyModal')">취소</button>
<button class="btn-primary" onclick="confirmVerification()">검증 완료</button> <button class="btn btn-primary btn-sm" onclick="confirmVerification()">검증 완료</button>
</div> </div>
</div> </div>
</div> </div>
@ -244,13 +244,13 @@
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p class="text-small mb-md">이 섹션의 잠금을 해제하시겠습니까?</p> <p class="text-small mb-md">이 섹션의 잠금을 해제하시겠습니까?</p>
<div class="card" style="background: var(--warning); color: var(--white);"> <div class="card" style="background: transparent; color: var(--error); border: 1px solid var(--error);">
<p class="text-small font-medium">⚠️ 잠금 해제 시 다른 참석자들이 내용을 수정할 수 있습니다.</p> <p class="text-small font-medium">⚠️ 잠금 해제 시 다른 참석자들이 내용을 수정할 수 있습니다.</p>
</div> </div>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button class="btn-ghost" onclick="closeModal('unlockModal')">취소</button> <button class="btn btn-sm" style="background: transparent; color: var(--error); border: 1px solid var(--error);" onclick="closeModal('unlockModal')">취소</button>
<button class="btn-error" onclick="confirmUnlock()">잠금 해제</button> <button class="btn btn-error btn-sm" onclick="confirmUnlock()">잠금 해제</button>
</div> </div>
</div> </div>
</div> </div>