From 954a86e5da8c6e0f9c0da468de0e84f647be0d36 Mon Sep 17 00:00:00 2001 From: yabo0812 Date: Wed, 22 Oct 2025 16:53:02 +0900 Subject: [PATCH] =?UTF-8?q?=ED=9A=8C=EC=9D=98=EB=A1=9D=20=EA=B4=80?= =?UTF-8?q?=EB=A0=A8=20=ED=99=94=EB=A9=B4=20=EB=B0=8F=20=EC=8A=A4=ED=83=80?= =?UTF-8?q?=EC=9D=BC=20=EA=B0=9C=EC=84=A0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 10-회의록상세조회.html: 회의록 상세 조회 화면 개선 - 11-회의록수정.html: 회의록 수정 화면 개선 - common.css: 공통 스타일 개선 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude --- design/uiux/prototype/10-회의록상세조회.html | 57 +++++++--- design/uiux/prototype/11-회의록수정.html | 58 ++++++---- design/uiux/prototype/common.css | 111 ++++++++++++++++++- 3 files changed, 191 insertions(+), 35 deletions(-) diff --git a/design/uiux/prototype/10-회의록상세조회.html b/design/uiux/prototype/10-회의록상세조회.html index 71551f9..4cef540 100644 --- a/design/uiux/prototype/10-회의록상세조회.html +++ b/design/uiux/prototype/10-회의록상세조회.html @@ -132,20 +132,24 @@ .participants-list { display: flex; + flex-wrap: wrap; align-items: center; - gap: var(--space-md); + gap: var(--space-sm) var(--space-md); margin: var(--space-md) 0; } .participant { display: flex; align-items: center; - gap: var(--space-sm); + gap: var(--space-xs); + min-width: 0; + flex-shrink: 0; } .participant-name { font-size: var(--font-small); color: var(--gray-700); + white-space: nowrap; } .role-badge { @@ -154,6 +158,15 @@ background: var(--primary-light); color: var(--primary); border-radius: 4px; + white-space: nowrap; + flex-shrink: 0; + } + + /* 모바일: 참여자 2명씩 배치 */ + @media (max-width: 600px) { + .participant { + width: calc(50% - var(--space-md) / 2); + } } /* 회의록 섹션 */ @@ -537,6 +550,33 @@ .tab-content.active { display: block; } + + /* 모바일 화면에서 관련회의록 왼쪽 정렬 */ + @media (max-width: 600px) { + .reference-item { + text-align: left; + } + + .reference-header { + display: flex; + flex-direction: row; + align-items: flex-start; + gap: var(--space-sm); + text-align: left; + } + + .reference-title { + text-align: left; + } + + .reference-meta { + text-align: left; + } + + .reference-summary { + text-align: left; + } + } @@ -546,7 +586,6 @@

회의록 상세

- @@ -616,10 +655,7 @@
- - 💡 AI 요약 - - + 💡 AI 요약

신제품은 AI 기반 회의록 자동화 서비스로 결정. 타겟은 중소기업 및 스타트업이며, 주요 기능은 음성인식, AI 요약, Todo 추출입니다. 경쟁사 대비 차별점은 실시간 검증 및 협업 기능입니다. @@ -656,7 +692,6 @@

- 📄 AI 기능 개선 회의 92%
@@ -668,7 +703,6 @@
- 📄 경쟁사 분석 회의 78%
@@ -680,7 +714,6 @@
- 📄 사용자 인터뷰 결과 65%
@@ -704,7 +737,6 @@
💡 AI 요약 -

개발 기간은 3개월로 설정. 백엔드 2명, 프론트 2명, AI 엔지니어 1명 투입. 주간 스프린트로 진행하며, 2주마다 베타 테스트 실시. @@ -739,7 +771,6 @@

- 📄 개발 리소스 계획 회의 88%
@@ -763,7 +794,6 @@
💡 AI 요약 -

베타 출시 전 프리 런칭 캠페인 진행. 주요 채널은 LinkedIn 및 스타트업 커뮤니티. 초기 100팀 무료 제공 후 유료 전환 유도. @@ -888,6 +918,7 @@

+
diff --git a/design/uiux/prototype/11-회의록수정.html b/design/uiux/prototype/11-회의록수정.html index 4719807..e9ca6d9 100644 --- a/design/uiux/prototype/11-회의록수정.html +++ b/design/uiux/prototype/11-회의록수정.html @@ -7,7 +7,7 @@