eomsangdonandClaude Opus 5.5
23aacda55e
- 표 = 시점 묶음 · 종점 묶음(짝 없이 따로 · 최소 한 줄 · 마지막 줄 지움 = 비움) · 표지 이름 「시점 1」「종점 2」
- [+] = 빈 줄 더하고 지도 누름이 거기 놓음 · 캐시 꼴 {base, points: {starts, ends}} · 옛 두 칸 캐시는 버림
- 정보 줄 = 시점 n · 종점 m · 저장 좌표계
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
49 lines
981 B
CSS
49 lines
981 B
CSS
/* D02 기준 지정(529-3 · 560-2 · 579-2) — 메인 지도 = 본문 높이 가득 · 좌 시점 목록 · 종점 목록 */
|
|
.d02-map {
|
|
position: relative;
|
|
height: calc(100dvh - var(--app-header-h));
|
|
}
|
|
|
|
/* 560-3 바탕 [일반][위성] — 지도 위 오른쪽 위 */
|
|
.d02-map__type {
|
|
position: absolute;
|
|
top: var(--spacing-8);
|
|
right: var(--spacing-8);
|
|
z-index: 2;
|
|
}
|
|
|
|
.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 auto;
|
|
gap: 4px;
|
|
align-items: center;
|
|
padding: 4px 6px;
|
|
border-left: 4px solid var(--draw-primary);
|
|
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 {
|
|
min-width: 0;
|
|
}
|