eomsangdonandClaude Opus 5.5
cdcdd5f597
- UI_Map: 바탕(위성 · 등고선) + 겹(그리기 · 거리재기) · 도구줄 부품(되돌리기 · 다시하기 · 3D · 좌 · 우 회전 · 거리재기) · B05 createMapRotation · 왼쪽 끌기 이동 끔(가운데 단추 · 휠 방향 = 설정) - 새 UI_Draw: 시점에서 점 찍어 직선 · 미리보기 길이 · 기울기 · 제약 칸(자유 · 길이 고정 · 기울기 고정 · 둘 다 · 20 m · 9 %) · 종점 붙기 · 갈래 · 구역 마크 · Enter · Esc · Backspace - 새 UI_Measure: 두 점 길이 · 기울기 · 높이 차(지형 heightAt) - logic/Plan: 선 · 갈래 · 조각 꼴 다루기로 다시 씀(옛 갈래 넷 · 이은 누가 걷음) - UI_Page · Api: 지형 범위 카카오 지도 미리보기 → [이 범위 받기] · [범위 밖 더 받기] · GET · PUT plan/network · [초기화] · 조각 연도 고름 · 캐시 판 2 - UI_3D: 지형 + 그은 선(선 고름) · 예상 코리도 · 체크 칸 걷음 - 지움: UI_Cross · UI_Edit · logic/Expect · logic/Edit · test_544_1(예상 횡단 · 예상 코리도 셈이 화면에서 걷혀 지킬 대상 없음) - 시험: 530_3 = 손 긋기 꼴 다루기 + 서버 derive 대조로 다시 씀 · 553_4 D03 부품 단언 새 화면으로 Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
108 lines
1.9 KiB
CSS
108 lines
1.9 KiB
CSS
/* D03 예정노선 2단계 노선분석(PLAN 530-3 · 563-1) — 평면이 본문을 채움 · 위에 도구줄 · 좌측 지형 · 그리기 · 구역 · 연도. */
|
|
|
|
.d03-plan-layout .ui-workflow-layout__main {
|
|
height: calc(100dvh - var(--app-header-h));
|
|
overflow: hidden;
|
|
}
|
|
|
|
.d03-plan {
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
min-height: 0;
|
|
}
|
|
|
|
.d03-plan__map {
|
|
position: relative;
|
|
flex: 1 1 auto;
|
|
min-height: 0;
|
|
overflow: hidden;
|
|
background: #1f2937;
|
|
}
|
|
|
|
.d03-plan__map canvas {
|
|
display: block;
|
|
touch-action: none;
|
|
}
|
|
|
|
.d03-plan__tools {
|
|
position: absolute;
|
|
top: var(--spacing-8);
|
|
right: var(--spacing-8);
|
|
}
|
|
|
|
.d03-plan__hint {
|
|
margin: 0 0 6px;
|
|
}
|
|
|
|
.d03-plan__row {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: var(--spacing-8);
|
|
align-items: flex-end;
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
.d03-plan__row > .ui-field {
|
|
flex: 1 1 6rem;
|
|
margin: 0;
|
|
}
|
|
|
|
.d03-plan__draw {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 6px;
|
|
}
|
|
|
|
.d03-plan__pieces {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 4px;
|
|
}
|
|
|
|
.d03-plan__piece-head {
|
|
margin: 6px 0 0;
|
|
font-weight: 600;
|
|
color: var(--color-text);
|
|
}
|
|
|
|
.d03-plan__piece {
|
|
display: flex;
|
|
gap: var(--spacing-8);
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.d03-plan__piece > .ui-text {
|
|
margin: 0;
|
|
}
|
|
|
|
.d03-plan__piece > .ui-field {
|
|
flex: 0 0 6.5rem;
|
|
margin: 0;
|
|
}
|
|
|
|
/* 지형 받기 범위 미리보기 — 카카오 지도 */
|
|
.d03-plan__extent > .ui-text {
|
|
margin: 0 0 6px;
|
|
}
|
|
|
|
/* 3D 큰 모달 — 3D 화면이 모달 몸을 꽉 채움 · 몸 스크롤 없음 */
|
|
.ui-modal--wide > .ui-modal__body.d03-plan__3d-body {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.d03-plan__3d-body > .b05-route__viewport {
|
|
flex: 1 1 auto;
|
|
min-height: 0;
|
|
border-radius: var(--radius-md);
|
|
}
|
|
|
|
.d03-plan__3d-top {
|
|
display: flex;
|
|
gap: var(--spacing-8);
|
|
align-items: center;
|
|
justify-content: flex-end;
|
|
margin-bottom: 6px;
|
|
}
|