shared-dg05-coffeeQuokka/hgzero
1
0
Fork 0
mirror of https://github.com/hwanny1128/HGZero.git synced 2025-12-06 12:36:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

11-회의록수정 화면 UI 개선

Browse Source 
- 관련회의록 추가 모달 버튼 스타일 통일 (btn-sm 적용)
- 잠금해제요청 버튼 개선 (모바일 레이아웃 깨짐 수정)
  - 텍스트 간소화: "(잠금 해제 필요)" → "(잠금됨)"
  - 텍스트 버튼 → padlock 이미지 + 텍스트 버튼으로 변경
  - 모바일에서 한 줄 표시 최적화 (flex 레이아웃)
- padlock 이미지 파일 추가

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
yabo0812 2025-10-22 18:22:43 +09:00
parent d55fcfc1bd
commit 8b24ad591d
3 changed files with 53 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

64
design/uiux/prototype/11-회의록수정.html
View File

@ -233,6 +233,39 @@
font-size: var(--font-small);
color: var(--gray-700);
}
/* 잠금 해제 요청 버튼 */
.unlock-request-btn {
display: flex;
align-items: center;
gap: 4px;
padding: 6px 12px;
background: transparent;
border: 1px solid var(--primary);
border-radius: var(--radius-md);
color: var(--primary);
font-size: var(--font-caption);
font-weight: var(--font-weight-medium);
cursor: pointer;
transition: all var(--transition-fast);
white-space: nowrap;
flex-shrink: 0;
}
.unlock-request-btn img {
width: 16px;
height: 16px;
flex-shrink: 0;
}
.unlock-request-btn:hover {
background: var(--primary-light);
border-color: var(--primary);
}
.unlock-request-btn:active {
transform: scale(0.98);
}
</style>
</head>
<body>
@ -353,11 +386,14 @@
<!-- 검증 완료 -->
<div class="verification-lock">
<input type="checkbox" class="checkbox" id="verify-1" checked disabled>
<label for="verify-1">
<label for="verify-1" style="flex: 1; min-width: 0;">
<span class="font-medium">검증 완료</span>
<span class="text-caption text-muted"> (잠금 해제 필요)</span>
<span class="text-caption text-muted"> (잠금됨)</span>
</label>
<button class="btn btn-ghost btn-sm ml-auto" onclick="unlockSection(1)">잠금 해제 요청</button>
<button class="unlock-request-btn" onclick="unlockSection(1)">
<img src="img/padlock.png" alt="">
<span>잠금해제요청</span>
</button>
</div>
</div>
@ -418,11 +454,14 @@
<div class="verification-lock">
<input type="checkbox" class="checkbox" id="verify-2" checked disabled>
<label for="verify-2">
<label for="verify-2" style="flex: 1; min-width: 0;">
<span class="font-medium">검증 완료</span>
<span class="text-caption text-muted"> (잠금 해제 필요)</span>
<span class="text-caption text-muted"> (잠금됨)</span>
</label>
<button class="btn btn-ghost btn-sm ml-auto" onclick="unlockSection(2)">잠금 해제 요청</button>
<button class="unlock-request-btn" onclick="unlockSection(2)">
<img src="img/padlock.png" alt="">
<span>잠금해제요청</span>
</button>
</div>
</div>
@ -478,11 +517,14 @@
<div class="verification-lock">
<input type="checkbox" class="checkbox" id="verify-3" checked disabled>
<label for="verify-3">
<label for="verify-3" style="flex: 1; min-width: 0;">
<span class="font-medium">검증 완료</span>
<span class="text-caption text-muted"> (잠금 해제 필요)</span>
<span class="text-caption text-muted"> (잠금됨)</span>
</label>
<button class="btn btn-ghost btn-sm ml-auto" onclick="unlockSection(3)">잠금 해제 요청</button>
<button class="unlock-request-btn" onclick="unlockSection(3)">
<img src="img/padlock.png" alt="">
<span>잠금해제요청</span>
</button>
</div>
</div>
</main>
@ -540,8 +582,8 @@
</div>
</div>
<div class="modal-footer">
<button class="btn btn-secondary" onclick="closeModal('referenceModal')">취소</button>
<button class="btn btn-primary" onclick="addSelectedReferences()">추가</button>
<button class="btn btn-secondary btn-sm" onclick="closeModal('referenceModal')">취소</button>
<button class="btn btn-primary btn-sm" onclick="addSelectedReferences()">추가</button>
</div>
</div>
</div>

BIN
design/uiux/prototype/img/open-padlock.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

BIN
design/uiux/prototype/img/padlock.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB