mirror of
https://github.com/hwanny1128/HGZero.git
synced 2026-01-21 21:56:24 +00:00
design/uiux/ref_img 경로를 git 추적에서 제외
- 테스트 스크린샷 및 참조 이미지 디렉토리를 .gitignore에 추가 - 임시 검증 이미지 파일들이 버전 관리에 포함되지 않도록 설정 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
yabo0812
parent
60f2b5253d
commit
217e641af8
@ -36,7 +36,7 @@
|
||||
"Bash(mv:*)",
|
||||
"Bash(cp:*)",
|
||||
"mcp__sequential-thinking__sequentialthinking",
|
||||
"Bash(git checkout:*)"
|
||||
"Bash(awk '{print $1\"\"\"\": \"\"\"\"; system(\"\"\"\"sed -n \"\"\"\" $1\"\"\"\"p design/uiux/prototype/common.css\"\"\"\")}')"
|
||||
],
|
||||
"deny": [],
|
||||
"ask": []
|
||||
|
||||
1
.gitignore
vendored
1
.gitignore
vendored
@ -2,3 +2,4 @@
|
||||
.DS_Store
|
||||
**/.DS_Store
|
||||
.env
|
||||
design/uiux/ref_img/
|
||||
|
||||
@ -17,10 +17,10 @@
|
||||
}
|
||||
|
||||
.right-sidebar {
|
||||
display: none; /* 모바일에서는 숨김 */
|
||||
display: none; /* 태블릿 이하에서는 숨김 */
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
@media (min-width: 1024px) {
|
||||
.right-sidebar {
|
||||
display: block;
|
||||
width: 320px;
|
||||
|
||||
@ -6,6 +6,9 @@
|
||||
<title>검증 완료 - 회의록 서비스</title>
|
||||
<link rel="stylesheet" href="common.css">
|
||||
<style>
|
||||
/* 페이지별 커스텀 스타일만 유지 */
|
||||
/* 공통 스타일(헤더, 메인콘텐츠, 액션바)은 common.css 사용 */
|
||||
|
||||
.progress-container {
|
||||
margin-bottom: var(--space-lg);
|
||||
}
|
||||
@ -77,18 +80,15 @@
|
||||
<body>
|
||||
<div class="page">
|
||||
<!-- Header -->
|
||||
<header style="padding: var(--space-md); background: var(--white); border-bottom: 1px solid var(--gray-300);">
|
||||
<div style="display: flex; align-items: center; justify-content: space-between;">
|
||||
<button class="btn-ghost" onclick="history.back()">
|
||||
<span style="font-size: 24px;">←</span>
|
||||
</button>
|
||||
<h1 style="font-size: var(--font-h2); margin: 0;">검증 완료</h1>
|
||||
<div style="width: 40px;"></div>
|
||||
<header class="header">
|
||||
<div class="header-left">
|
||||
<button class="icon-btn" onclick="history.back()">←</button>
|
||||
<h1 class="header-title">검증 완료</h1>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Main Content -->
|
||||
<div class="container">
|
||||
<main class="main-content">
|
||||
<!-- Progress Bar -->
|
||||
<div class="progress-container">
|
||||
<div class="progress-header">
|
||||
@ -185,18 +185,17 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Action Buttons -->
|
||||
<div style="margin-top: var(--space-xl); display: flex; flex-direction: column; gap: var(--space-md); padding-bottom: var(--space-xxl);">
|
||||
<button class="btn-primary btn-lg" id="completeBtn" disabled onclick="completeAllVerification()">
|
||||
</main>
|
||||
|
||||
<!-- 하단 액션 바 -->
|
||||
<div class="action-bar">
|
||||
<button class="btn btn-secondary" onclick="saveLater()">나중에 하기</button>
|
||||
<button class="btn btn-primary" id="completeBtn" disabled onclick="completeAllVerification()">
|
||||
모두 검증 완료
|
||||
</button>
|
||||
<button class="btn-ghost" onclick="saveLater()">나중에 하기</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Bottom Navigation -->
|
||||
</div>
|
||||
|
||||
<!-- Section View Modal -->
|
||||
<div id="sectionModal" class="modal-overlay">
|
||||
<div class="modal" style="max-height: 80vh; overflow-y: auto;">
|
||||
|
||||
@ -299,7 +299,7 @@
|
||||
<button class="btn btn-secondary" onclick="navigateTo('08-회의록공유.html')">
|
||||
공유
|
||||
</button>
|
||||
<button class="btn btn-secondary" onclick="navigateTo('04-회의록편집.html')">
|
||||
<button class="btn btn-secondary" onclick="navigateTo('11-회의록수정.html')">
|
||||
수정
|
||||
</button>
|
||||
<button class="btn btn-primary" onclick="navigateTo('02-대시보드.html')">
|
||||
|
||||
@ -527,25 +527,7 @@
|
||||
margin-bottom: var(--space-xs);
|
||||
}
|
||||
|
||||
/* 하단 액션 바 */
|
||||
.action-bar {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 80px;
|
||||
background: var(--white);
|
||||
border-top: 1px solid var(--gray-300);
|
||||
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.08);
|
||||
padding: var(--space-md);
|
||||
display: flex;
|
||||
gap: var(--space-md);
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.action-bar .btn {
|
||||
flex: 1;
|
||||
}
|
||||
/* 하단 액션 바 - common.css에서 기본 스타일 적용됨 */
|
||||
|
||||
/* 탭 콘텐츠 토글 */
|
||||
.tab-content {
|
||||
|
||||
@ -6,55 +6,10 @@
|
||||
<title>회의록 수정 - 회의록 서비스</title>
|
||||
<link rel="stylesheet" href="common.css">
|
||||
<style>
|
||||
/* 헤더 */
|
||||
.header {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 64px;
|
||||
background: var(--white);
|
||||
border-bottom: 1px solid var(--gray-300);
|
||||
box-shadow: var(--shadow-sm);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 0 var(--space-md);
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.header-left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: var(--space-md);
|
||||
}
|
||||
|
||||
.header-right {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: var(--space-md);
|
||||
}
|
||||
|
||||
.icon-btn {
|
||||
background: transparent;
|
||||
border: none;
|
||||
font-size: 24px;
|
||||
color: var(--gray-700);
|
||||
cursor: pointer;
|
||||
padding: var(--space-sm);
|
||||
transition: color var(--transition-fast);
|
||||
}
|
||||
|
||||
.icon-btn:hover {
|
||||
color: var(--primary);
|
||||
}
|
||||
|
||||
.header-title {
|
||||
font-size: var(--font-h3);
|
||||
font-weight: var(--font-weight-bold);
|
||||
color: var(--gray-900);
|
||||
}
|
||||
/* 페이지별 커스텀 스타일만 유지 */
|
||||
/* 공통 스타일(헤더, 메인콘텐츠, 섹션, AI요약, 참고자료, 액션바)은 common.css 사용 */
|
||||
|
||||
/* 저장 상태 표시 */
|
||||
.save-indicator {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -71,13 +26,6 @@
|
||||
color: var(--success);
|
||||
}
|
||||
|
||||
/* 메인 콘텐츠 */
|
||||
.main-content {
|
||||
margin-top: 64px;
|
||||
padding: var(--space-md);
|
||||
padding-bottom: 100px;
|
||||
}
|
||||
|
||||
/* 기본 정보 카드 */
|
||||
.info-card {
|
||||
background: var(--white);
|
||||
@ -118,74 +66,7 @@
|
||||
color: var(--primary);
|
||||
}
|
||||
|
||||
/* 섹션 편집 */
|
||||
.section {
|
||||
background: var(--white);
|
||||
border-radius: var(--radius-lg);
|
||||
box-shadow: var(--shadow-md);
|
||||
padding: var(--space-md);
|
||||
margin-bottom: var(--space-lg);
|
||||
}
|
||||
|
||||
.section-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: var(--space-md);
|
||||
}
|
||||
|
||||
.section-title {
|
||||
font-size: var(--font-h3);
|
||||
font-weight: var(--font-weight-bold);
|
||||
color: var(--gray-900);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: var(--space-sm);
|
||||
}
|
||||
|
||||
/* AI 요약 편집 */
|
||||
.ai-summary-edit {
|
||||
background: var(--primary-light);
|
||||
border-left: 4px solid var(--primary);
|
||||
border-radius: var(--radius-md);
|
||||
padding: var(--space-md);
|
||||
margin-bottom: var(--space-md);
|
||||
}
|
||||
|
||||
.ai-summary-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: var(--space-sm);
|
||||
}
|
||||
|
||||
.ai-summary-label {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: var(--space-sm);
|
||||
font-size: var(--font-small);
|
||||
font-weight: var(--font-weight-bold);
|
||||
color: var(--primary);
|
||||
}
|
||||
|
||||
.ai-summary-textarea {
|
||||
width: 100%;
|
||||
min-height: 80px;
|
||||
padding: var(--space-sm);
|
||||
border: 1px solid var(--primary);
|
||||
border-radius: var(--radius-md);
|
||||
font-size: var(--font-body);
|
||||
font-family: var(--font-family);
|
||||
color: var(--gray-900);
|
||||
background: var(--white);
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
.ai-summary-textarea:focus {
|
||||
outline: none;
|
||||
box-shadow: 0 0 0 3px rgba(77, 213, 167, 0.1);
|
||||
}
|
||||
|
||||
/* AI 요약 편집 Footer (common.css에 없는 부분) */
|
||||
.ai-summary-footer {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
@ -193,11 +74,6 @@
|
||||
margin-top: var(--space-sm);
|
||||
}
|
||||
|
||||
.ai-summary-time {
|
||||
font-size: var(--font-caption);
|
||||
color: var(--gray-500);
|
||||
}
|
||||
|
||||
/* 섹션 내용 편집 */
|
||||
.section-content-edit {
|
||||
margin-bottom: var(--space-md);
|
||||
@ -244,35 +120,7 @@
|
||||
color: var(--gray-900);
|
||||
}
|
||||
|
||||
.reference-item {
|
||||
background: var(--white);
|
||||
border-radius: var(--radius-md);
|
||||
padding: var(--space-sm);
|
||||
margin-bottom: var(--space-sm);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: var(--space-sm);
|
||||
}
|
||||
|
||||
.reference-item:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.reference-content {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.reference-title {
|
||||
font-size: var(--font-small);
|
||||
font-weight: var(--font-weight-medium);
|
||||
color: var(--gray-900);
|
||||
margin-bottom: var(--space-xs);
|
||||
}
|
||||
|
||||
.reference-meta {
|
||||
font-size: var(--font-caption);
|
||||
color: var(--gray-500);
|
||||
}
|
||||
/* reference-item, reference-content, reference-title, reference-meta는 common.css 사용 */
|
||||
|
||||
.remove-btn {
|
||||
background: transparent;
|
||||
@ -304,26 +152,6 @@
|
||||
border: 1px solid var(--primary);
|
||||
}
|
||||
|
||||
/* 하단 액션 바 */
|
||||
.action-bar {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 80px;
|
||||
background: var(--white);
|
||||
border-top: 1px solid var(--gray-300);
|
||||
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.08);
|
||||
padding: var(--space-md);
|
||||
display: flex;
|
||||
gap: var(--space-md);
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.action-bar .btn {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
/* 참고자료 검색 모달 */
|
||||
.search-modal-content {
|
||||
max-height: 60vh;
|
||||
@ -389,15 +217,6 @@
|
||||
font-size: var(--font-small);
|
||||
color: var(--gray-700);
|
||||
}
|
||||
|
||||
/* 반응형 */
|
||||
@media (min-width: 768px) {
|
||||
.main-content {
|
||||
max-width: 900px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
@ -454,7 +273,7 @@
|
||||
<div class="ai-summary-edit">
|
||||
<div class="ai-summary-header">
|
||||
<span class="ai-summary-label">💡 AI 요약</span>
|
||||
<button class="btn-ghost btn-sm" onclick="regenerateSummary(1)">AI 재생성</button>
|
||||
<button class="btn-secondary btn-sm" onclick="regenerateSummary(1)">AI 재생성</button>
|
||||
</div>
|
||||
<textarea
|
||||
class="ai-summary-textarea"
|
||||
@ -538,7 +357,7 @@
|
||||
<div class="ai-summary-edit">
|
||||
<div class="ai-summary-header">
|
||||
<span class="ai-summary-label">💡 AI 요약</span>
|
||||
<button class="btn-ghost btn-sm" onclick="regenerateSummary(2)">AI 재생성</button>
|
||||
<button class="btn-secondary btn-sm" onclick="regenerateSummary(2)">AI 재생성</button>
|
||||
</div>
|
||||
<textarea
|
||||
class="ai-summary-textarea"
|
||||
@ -603,7 +422,7 @@
|
||||
<div class="ai-summary-edit">
|
||||
<div class="ai-summary-header">
|
||||
<span class="ai-summary-label">💡 AI 요약</span>
|
||||
<button class="btn-ghost btn-sm" onclick="regenerateSummary(3)">AI 재생성</button>
|
||||
<button class="btn-secondary btn-sm" onclick="regenerateSummary(3)">AI 재생성</button>
|
||||
</div>
|
||||
<textarea
|
||||
class="ai-summary-textarea"
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user