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

회의진행 화면 UI 개선

Browse Source 
- 폰트 크기 통일: 다른 화면들(회의종료, 회의록수정, 회의록 상세조회)과 동일한 폰트 크기로 조정
- 회의 기본정보 영역 개선:
  * 라벨 너비 고정 (모바일 70px, 데스크톱 100px)
  * 라벨과 값 사이 구분선 추가 (border-right)
  * 모든 행의 구분선 위치 정렬
- 가독성 향상: align-items를 flex-start로 변경하여 여러 줄 콘텐츠에 대응

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
yabo0812 2025-10-27 17:00:28 +09:00
parent b15f0c7da0
commit 19fa569ad9
2 changed files with 43 additions and 1043 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

72
design/uiux/prototype/05-회의진행.html
View File

@ -60,7 +60,7 @@
}
.meeting-title {
font-size: var(--font-large);
font-size: var(--font-h2);
font-weight: var(--font-weight-bold);
color: var(--gray-800);
margin: 0;
@ -100,7 +100,7 @@
}
.recording-time {
font-size: var(--font-small);
font-size: var(--font-body);
font-weight: var(--font-weight-medium);
}
@ -173,9 +173,9 @@
.info-row {
display: flex;
flex-direction: row;
align-items: center;
gap: var(--space-sm);
padding: var(--space-xs) 0;
align-items: flex-start;
gap: 0;
padding: var(--space-sm) 0;
border-bottom: 1px solid var(--gray-300);
}
@ -186,14 +186,28 @@
.info-label {
font-weight: var(--font-weight-medium);
color: var(--gray-600);
font-size: var(--font-caption);
min-width: 60px;
font-size: var(--font-small);
width: 70px;
min-width: 70px;
max-width: 70px;
flex-shrink: 0;
padding-right: var(--space-sm);
border-right: 1px solid var(--gray-300);
margin-right: var(--space-sm);
}
/* 데스크톱에서 라벨 폭 확장 */
@media (min-width: 768px) {
.info-label {
width: 100px;
min-width: 100px;
max-width: 100px;
}
}
.info-value {
color: var(--gray-800);
font-size: var(--font-small);
font-size: var(--font-body);
line-height: 1.5;
flex: 1;
}
@ -229,7 +243,7 @@
background: transparent;
border: none;
cursor: pointer;
font-size: var(--font-small);
font-size: var(--font-body);
font-weight: var(--font-weight-medium);
color: var(--gray-600);
transition: all var(--transition-fast);
@ -289,13 +303,13 @@
}
.participant-section-title {
font-size: var(--font-small);
font-size: var(--font-body);
font-weight: var(--font-weight-bold);
margin: 0;
}
.participant-count {
font-size: var(--font-caption);
font-size: var(--font-small);
color: var(--gray-600);
}
@ -307,13 +321,13 @@
.invite-input {
flex: 1;
font-size: var(--font-small);
font-size: var(--font-body);
padding: var(--space-sm);
}
.invite-btn {
padding: var(--space-sm) var(--space-md);
font-size: var(--font-small);
font-size: var(--font-body);
white-space: nowrap;
flex-shrink: 0;
}
@ -337,13 +351,13 @@
}
.participant-name {
font-size: var(--font-small);
font-size: var(--font-body);
font-weight: var(--font-weight-medium);
color: var(--gray-800);
}
.participant-email {
font-size: var(--font-caption);
font-size: var(--font-small);
color: var(--gray-500);
margin-top: 2px;
overflow: hidden;
@ -360,7 +374,7 @@
}
.memo-input-label {
font-size: var(--font-small);
font-size: var(--font-body);
font-weight: var(--font-weight-medium);
color: var(--gray-700);
margin-bottom: var(--space-xs);
@ -373,7 +387,7 @@
padding: var(--space-sm);
border: 1px solid var(--gray-300);
border-radius: var(--radius-md);
font-size: var(--font-small);
font-size: var(--font-body);
font-family: inherit;
resize: vertical;
line-height: 1.5;
@ -388,11 +402,11 @@
width: 100%;
margin-top: var(--space-xs);
padding: var(--space-sm);
font-size: var(--font-small);
font-size: var(--font-body);
}
.ai-suggestion-list-title {
font-size: var(--font-body);
font-size: var(--font-h3);
font-weight: var(--font-weight-bold);
color: var(--gray-900);
margin-bottom: var(--space-sm);
@ -416,7 +430,7 @@
}
.ai-suggestion-time {
font-size: var(--font-caption);
font-size: var(--font-small);
color: var(--gray-500);
font-weight: var(--font-weight-regular);
}
@ -446,7 +460,7 @@
}
.ai-suggestion-text {
font-size: var(--font-small);
font-size: var(--font-body);
color: var(--gray-700);
line-height: 1.5;
}
@ -460,13 +474,13 @@
.term-search-input {
flex: 1;
font-size: var(--font-small);
font-size: var(--font-body);
padding: var(--space-sm);
}
.term-search-btn {
padding: var(--space-sm) var(--space-md);
font-size: var(--font-small);
font-size: var(--font-body);
white-space: nowrap;
flex-shrink: 0;
}
@ -493,7 +507,7 @@
}
.term-name {
font-size: var(--font-small);
font-size: var(--font-body);
font-weight: var(--font-weight-bold);
color: var(--primary);
display: flex;
@ -512,14 +526,14 @@
}
.term-definition {
font-size: var(--font-small);
font-size: var(--font-body);
color: var(--gray-700);
line-height: 1.5;
margin-bottom: var(--space-xs);
}
.term-context {
font-size: 11px;
font-size: var(--font-small);
color: var(--gray-500);
padding-top: var(--space-xs);
border-top: 1px dashed #D0D0D0;
@ -546,7 +560,7 @@
}
.related-doc-title {
font-size: var(--font-small);
font-size: var(--font-body);
font-weight: var(--font-weight-bold);
color: var(--primary);
margin-bottom: var(--space-xs);
@ -555,7 +569,7 @@
.related-doc-meta {
display: flex;
gap: var(--space-xs);
font-size: var(--font-caption);
font-size: var(--font-small);
color: var(--gray-600);
margin-bottom: var(--space-xs);
}
@ -566,7 +580,7 @@
}
.related-doc-text {
font-size: var(--font-small);
font-size: var(--font-body);
color: var(--gray-700);
line-height: 1.5;
}

1014
design/uiux/prototype/09-Todo관리.html
View File

File diff suppressed because it is too large Load Diff