eomsangdon
77a637d7c9
- B11_Status_UI_Loading + 라우트 b11-loading: 공통 프로그레스 서클로 단계·진행률 표시, 끝나면 원래 가려던 화면으로 자동 이동 - goToWorkflowStage: 아직 준비하지 않은 프로젝트면 준비 화면 경유, 같은 프로젝트로 다시 들어오면 건너뜀(탭 단위 기억). 다른 프로젝트면 보관분 교체 - 선적재 범위: 확정 지표면 3D + 그 등고선만 (종단·횡단은 0.86MB·0.06초로 이미 즉시라 제외, 배수유역·포인트클라우드도 제외) - 실패 시 자동 이동하지 않고 담당자 연락 안내 + [그래도 이동]/[대시보드로] - B04 등고선 간격 시작값을 B05 저장값과 공유(B04 변경은 DB에 쓰지 않음) - 새 문구는 ui_locales에 한국어·영어 등록
73 lines
1.4 KiB
CSS
73 lines
1.4 KiB
CSS
.b11-status__flow {
|
|
display: grid;
|
|
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
gap: var(--spacing-16);
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
.b11-status__step {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--spacing-12, var(--spacing-8));
|
|
padding: var(--spacing-16);
|
|
border: 1px solid var(--color-border);
|
|
border-radius: var(--radius-cards);
|
|
background: var(--color-surface);
|
|
color: var(--color-text-body);
|
|
}
|
|
|
|
.b11-status__download {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
gap: var(--spacing-16);
|
|
color: var(--color-text-body);
|
|
}
|
|
|
|
/* 자료 준비 화면 — 서클과 안내 문구를 가운데 모아 둔다. */
|
|
.b11-loading__body {
|
|
display: flex;
|
|
min-height: 320px;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
gap: var(--spacing-24);
|
|
padding: var(--spacing-24);
|
|
}
|
|
|
|
.b11-loading__message {
|
|
max-width: 46ch;
|
|
margin: 0;
|
|
color: var(--color-text-secondary);
|
|
font-size: var(--text-body-sm);
|
|
line-height: 1.6;
|
|
text-align: center;
|
|
word-break: keep-all;
|
|
}
|
|
|
|
.b11-loading__message--error {
|
|
color: var(--color-danger);
|
|
}
|
|
|
|
.b11-loading__actions {
|
|
display: flex;
|
|
gap: var(--spacing-8);
|
|
}
|
|
|
|
.b11-loading__actions:empty {
|
|
display: none;
|
|
}
|
|
|
|
@media (max-width: 860px) {
|
|
.b11-status__flow {
|
|
grid-template-columns: 1fr 1fr;
|
|
}
|
|
|
|
.b11-status__download {
|
|
align-items: flex-start;
|
|
flex-direction: column;
|
|
}
|
|
}
|