feat(insta): trends 카드 생성 시 progress 배너 + 자동 미리보기 전환
Trends 탭의 🎴 버튼 클릭이 silent로 끝나 사용자에게 무동작처럼 보이던
이슈 fix. handleCreateSlate를 3초 간격 폴링으로 확장 (최대 8분):
- 시작/진행/성공/실패 상단 배너로 시각화
- 카드 생성 완료 시 자동으로 Cards 탭 전환 + 새 슬레이트 자동 선택
→ SlateDetail이 카피·이미지 미리보기 즉시 표시
- 실패 시 에러 메시지 + 클릭으로 dismiss
- "Claude 카피 추론 + Playwright 카드 10장 생성 중 (3~7분)" 안내 문구
This commit is contained in:
@@ -167,3 +167,39 @@
|
||||
}
|
||||
.ic-impact__cat { font-weight: 600; text-transform: capitalize; color: rgba(255,255,255,.6); font-size: 0.82rem; }
|
||||
.ic-impact__count { color: #ec4899; font-weight: 700; font-size: 0.82rem; }
|
||||
|
||||
/* ── slate creation progress banner (양 탭 공통) ── */
|
||||
.ic-slate-progress {
|
||||
margin: 8px 0 16px;
|
||||
padding: 12px 16px;
|
||||
border-radius: 8px;
|
||||
font-size: 0.88rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
flex-wrap: wrap;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.ic-slate-progress--starting,
|
||||
.ic-slate-progress--processing {
|
||||
background: rgba(245, 158, 11, 0.12);
|
||||
color: #fbbf24;
|
||||
border-left: 4px solid #f59e0b;
|
||||
}
|
||||
.ic-slate-progress--succeeded {
|
||||
background: rgba(16, 185, 129, 0.12);
|
||||
color: #34d399;
|
||||
border-left: 4px solid #10b981;
|
||||
cursor: pointer;
|
||||
}
|
||||
.ic-slate-progress--failed {
|
||||
background: rgba(239, 68, 68, 0.12);
|
||||
color: #f87171;
|
||||
border-left: 4px solid #ef4444;
|
||||
cursor: pointer;
|
||||
}
|
||||
.ic-slate-progress__hint {
|
||||
opacity: 0.7;
|
||||
font-size: 0.78rem;
|
||||
margin-left: 6px;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user