유저스토리 v2.1.3 업데이트 - 회의록 목록 생성자 표시 기능 추가

UI/UX 설계 및 프로토타입 개선
- 회의록 목록 조회 화면에 생성자 표시 (👑 아이콘) 추가
- 스타일 가이드에 creator-badge 스타일 정의 추가
- 프로토타입 12-회의록목록조회.html 및 common.css 업데이트

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
yabo0812
2025-10-24 15:36:06 +09:00
parent 6fd8d06bec
commit c1ac9f1728
6 changed files with 822 additions and 2 deletions
@@ -604,7 +604,7 @@
const statusBadge = minute.status === 'complete' ?
'<span class="badge badge-complete">확정완료</span>' :
'<span class="badge badge-draft">작성중</span>';
const crownEmoji = isCreator ? '<span style="font-size: 16px; flex-shrink: 0;" title="생성자">👑</span>' : '';
const creatorBadge = isCreator ? '<span class="creator-badge" title="생성자">👑</span>' : '';
// 검증완료율 실시간 계산 (작성중 상태일 때만 표시)
const completionRate = minute.status === 'draft'
@@ -615,7 +615,7 @@
<div class="meeting-item" data-status="${minute.status}" data-type="${participationType}" data-date="${minute.date}" onclick="navigateTo('10-회의록상세조회.html')">
<div class="meeting-header">
${statusBadge}
${crownEmoji}
${creatorBadge}
<h3 class="meeting-title">${minute.title}</h3>
</div>
<div class="meeting-meta">
+15
View File
@@ -395,6 +395,21 @@ a:hover {
color: var(--gray-700);
}
/* Creator Badge (생성자 표시) */
.creator-badge {
font-size: 16px;
flex-shrink: 0;
margin-left: 4px;
cursor: default;
display: inline-flex;
align-items: center;
vertical-align: middle;
}
.creator-badge[title] {
cursor: help;
}
/* Priority Badges */
.badge-high {
background: #FFEBEE;