SamProject/sam-docs
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: [brochure] v3/v4 Before/After 텍스트 줄바꿈 방지

Browse Source 
- <br> 멀티라인 <p>를 개별 <p> + white-space: nowrap으로 분리
- PPTX 렌더링 시 <span> 텍스트가 다음 행으로 넘어가는 문제 해결
- html2pptx 엔진이 nowrap 감지 → wrap: false 적용
This commit is contained in:
김보곤
2026-03-01 17:48:41 +09:00
parent 08577b5af9
commit d5e6172c22
4 changed files with 16 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
sam/docs/brochure-v3/sam-brochure-v3-dashboard-1page.pptx
View File

Binary file not shown.

10
sam/docs/brochure-v3/slides/brochure-dashboard-1page.html
View File

@@ -318,7 +318,10 @@
</svg>
<p style="white-space: nowrap; font-size: 6.5pt; font-weight: 700; color: #EF4444;">BEFORE</p>
</div>
<p style="font-size: 5.5pt; color: rgba(255,255,255,0.4); line-height: 1.5;">매출? → 보고 대기 1~2일<br>수주? → Excel 취합 반나절<br>승인? → 서류 찾기 30분<br>실적? → 각 팀장 개별 보고</p>
<p style="white-space: nowrap; font-size: 5.5pt; color: rgba(255,255,255,0.4);">매출? → 보고 대기 1~2일</p>
<p style="white-space: nowrap; font-size: 5.5pt; color: rgba(255,255,255,0.4);">수주? → Excel 취합 반나절</p>
<p style="white-space: nowrap; font-size: 5.5pt; color: rgba(255,255,255,0.4);">승인? → 서류 찾기 30분</p>
<p style="white-space: nowrap; font-size: 5.5pt; color: rgba(255,255,255,0.4);">실적? → 각 팀장 개별 보고</p>
</div>
<!-- 화살표 -->
<div style="display: flex; align-items: center; flex-shrink: 0;">
@@ -336,7 +339,10 @@
</svg>
<p style="white-space: nowrap; font-size: 6.5pt; font-weight: 700; color: #10B981;">AFTER (SAM)</p>
</div>
<p style="font-size: 5.5pt; color: rgba(255,255,255,0.4); line-height: 1.5;">로그인 → <span style="color:#10B981;font-weight:600;">3초 전사 현황</span><br>클릭 → <span style="color:#10B981;font-weight:600;">실시간 수주 데이터</span><br>뱃지 → <span style="color:#10B981;font-weight:600;">즉시 승인 처리</span><br>트리 → <span style="color:#10B981;font-weight:600;">전 조직 한눈에</span></p>
<p style="white-space: nowrap; font-size: 5.5pt; color: rgba(255,255,255,0.4);">로그인 → <span style="color:#10B981;font-weight:600;">3초 전사 현황</span></p>
<p style="white-space: nowrap; font-size: 5.5pt; color: rgba(255,255,255,0.4);">클릭 → <span style="color:#10B981;font-weight:600;">실시간 수주 데이터</span></p>
<p style="white-space: nowrap; font-size: 5.5pt; color: rgba(255,255,255,0.4);">뱃지 → <span style="color:#10B981;font-weight:600;">즉시 승인 처리</span></p>
<p style="white-space: nowrap; font-size: 5.5pt; color: rgba(255,255,255,0.4);">트리 → <span style="color:#10B981;font-weight:600;">전 조직 한눈에</span></p>
</div>
</div>

BIN
sam/docs/brochure-v4/sam-brochure-v4-dashboard-1page.pptx
View File

Binary file not shown.

10
sam/docs/brochure-v4/slides/brochure-dashboard-1page.html
View File

@@ -318,7 +318,10 @@
</svg>
<p style="white-space: nowrap; font-size: 6.5pt; font-weight: 700; color: #EF4444;">BEFORE</p>
</div>
<p style="font-size: 5.5pt; color: #64748B; line-height: 1.5;">매출? → 보고 대기 1~2일<br>수주? → Excel 취합 반나절<br>승인? → 서류 찾기 30분<br>실적? → 각 팀장 개별 보고</p>
<p style="white-space: nowrap; font-size: 5.5pt; color: #64748B;">매출? → 보고 대기 1~2일</p>
<p style="white-space: nowrap; font-size: 5.5pt; color: #64748B;">수주? → Excel 취합 반나절</p>
<p style="white-space: nowrap; font-size: 5.5pt; color: #64748B;">승인? → 서류 찾기 30분</p>
<p style="white-space: nowrap; font-size: 5.5pt; color: #64748B;">실적? → 각 팀장 개별 보고</p>
</div>
<!-- 화살표 -->
<div style="display: flex; align-items: center; flex-shrink: 0;">
@@ -336,7 +339,10 @@
</svg>
<p style="white-space: nowrap; font-size: 6.5pt; font-weight: 700; color: #10B981;">AFTER (SAM)</p>
</div>
<p style="font-size: 5.5pt; color: #64748B; line-height: 1.5;">로그인 → <span style="color:#10B981;font-weight:600;">3초 전사 현황</span><br>클릭 → <span style="color:#10B981;font-weight:600;">실시간 수주 데이터</span><br>뱃지 → <span style="color:#10B981;font-weight:600;">즉시 승인 처리</span><br>트리 → <span style="color:#10B981;font-weight:600;">전 조직 한눈에</span></p>
<p style="white-space: nowrap; font-size: 5.5pt; color: #64748B;">로그인 → <span style="color:#10B981;font-weight:600;">3초 전사 현황</span></p>
<p style="white-space: nowrap; font-size: 5.5pt; color: #64748B;">클릭 → <span style="color:#10B981;font-weight:600;">실시간 수주 데이터</span></p>
<p style="white-space: nowrap; font-size: 5.5pt; color: #64748B;">뱃지 → <span style="color:#10B981;font-weight:600;">즉시 승인 처리</span></p>
<p style="white-space: nowrap; font-size: 5.5pt; color: #64748B;">트리 → <span style="color:#10B981;font-weight:600;">전 조직 한눈에</span></p>
</div>
</div>