feat(529-3): D02 기준 지정 화면 — 카카오맵 연도 지점 · 좌 연도 표 · [>] 저장 뒤 D03
- D02_PlanBase_UI_Page: 경계점 P0..Pn(연도 i = P(i) → P(i+1)) · 지도 누름 = 고른 지점 놓기 · 표지 끌기 · 경위도 입력 → 표지 · 연도마다 선 색 · 조작 = sessionStorage 캐시 · [저장] · [>] = PUT 정본 - 공용 editMap set(): 셋째 인자 colors(선마다 색) · 넷째 인자 focus(고친 표지만 보기 밖이면 따라감) — 안 주면 지금 규칙(B08 그대로) - D02 길 = 새 페이지 · 문구 D02_* Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
@@ -0,0 +1,51 @@
|
||||
/* D02 기준 지정(529-3) — 메인 지도 = 본문 높이 가득 · 좌 연도 지점 표 */
|
||||
.d02-map {
|
||||
height: calc(100dvh - var(--app-header-h));
|
||||
}
|
||||
|
||||
.d02-map .ui-kakao-map,
|
||||
.d02-map .ui-kakao-map__box {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.d02-points {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: var(--spacing-8);
|
||||
}
|
||||
|
||||
.d02-points__row {
|
||||
display: grid;
|
||||
grid-template-columns: auto 1fr 1fr;
|
||||
gap: 4px;
|
||||
align-items: center;
|
||||
padding: 4px 6px;
|
||||
border-left: 4px solid var(--d02-year-color);
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.d02-points__row.is-active {
|
||||
background: var(--color-surface-hover, rgba(0, 0, 0, 0.06));
|
||||
}
|
||||
|
||||
.d02-points__name {
|
||||
grid-column: 1 / -1;
|
||||
font-size: var(--text-caption);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.d02-points__input {
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
font-size: var(--text-caption);
|
||||
}
|
||||
|
||||
.d02-points__input.is-invalid {
|
||||
outline: 1px solid var(--color-danger, #d92d20);
|
||||
}
|
||||
|
||||
.d02-info {
|
||||
margin: 0;
|
||||
color: var(--color-text-secondary);
|
||||
font-size: var(--text-caption);
|
||||
}
|
||||
Reference in New Issue
Block a user