mirror of
https://github.com/hwanny1128/HGZero.git
synced 2025-12-06 12:36:23 +00:00
11-회의록수정 화면 UI 개선
- 관련회의록 추가 모달 버튼 스타일 통일 (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
parent
d55fcfc1bd
commit
8b24ad591d
@ -233,6 +233,39 @@
|
|||||||
font-size: var(--font-small);
|
font-size: var(--font-small);
|
||||||
color: var(--gray-700);
|
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>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
@ -353,11 +386,14 @@
|
|||||||
<!-- 검증 완료 -->
|
<!-- 검증 완료 -->
|
||||||
<div class="verification-lock">
|
<div class="verification-lock">
|
||||||
<input type="checkbox" class="checkbox" id="verify-1" checked disabled>
|
<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="font-medium">검증 완료</span>
|
||||||
<span class="text-caption text-muted"> (잠금 해제 필요)</span>
|
<span class="text-caption text-muted"> (잠금됨)</span>
|
||||||
</label>
|
</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>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -418,11 +454,14 @@
|
|||||||
|
|
||||||
<div class="verification-lock">
|
<div class="verification-lock">
|
||||||
<input type="checkbox" class="checkbox" id="verify-2" checked disabled>
|
<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="font-medium">검증 완료</span>
|
||||||
<span class="text-caption text-muted"> (잠금 해제 필요)</span>
|
<span class="text-caption text-muted"> (잠금됨)</span>
|
||||||
</label>
|
</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>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -478,11 +517,14 @@
|
|||||||
|
|
||||||
<div class="verification-lock">
|
<div class="verification-lock">
|
||||||
<input type="checkbox" class="checkbox" id="verify-3" checked disabled>
|
<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="font-medium">검증 완료</span>
|
||||||
<span class="text-caption text-muted"> (잠금 해제 필요)</span>
|
<span class="text-caption text-muted"> (잠금됨)</span>
|
||||||
</label>
|
</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>
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
@ -540,8 +582,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="modal-footer">
|
<div class="modal-footer">
|
||||||
<button class="btn btn-secondary" onclick="closeModal('referenceModal')">취소</button>
|
<button class="btn btn-secondary btn-sm" onclick="closeModal('referenceModal')">취소</button>
|
||||||
<button class="btn btn-primary" onclick="addSelectedReferences()">추가</button>
|
<button class="btn btn-primary btn-sm" onclick="addSelectedReferences()">추가</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
BIN
design/uiux/prototype/img/open-padlock.png
Normal file
BIN
design/uiux/prototype/img/open-padlock.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
design/uiux/prototype/img/padlock.png
Normal file
BIN
design/uiux/prototype/img/padlock.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Loading…
x
Reference in New Issue
Block a user