Files
Aislo/D02_PlanBase/D02_PlanBase_UI_Style.css
T
eomsangdonandClaude Opus 5.5 75b1627dea 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>
2026-10-25 20:10:44 +09:00

52 lines
987 B
CSS

/* 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);
}