초기 커밋: 스테이션(측점) 기반 주행영상 플레이어
- 클라이언트(React/Vite): Video.js 플레이어, 하단 스테이션바, POI/구조물 영상 오버레이, 카메라 파라미터 보정, 미니맵/RoutePanel - 서버(Express): Range 스트리밍, HLS 변환, 프레임 추출, tus 업로드, 주석 API - 최근 작업: 스테이션바 종점역 표출/양끝 정렬/미도착(재생불가) 표시, POI 라벨 '구분' 우선·컴팩트 팝업·겹침제외 토글·동일좌표 다중행, 진행방향(상/하) 우선 표출, 커서 배지 크기·픽셀 떨림 개선 Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -0,0 +1,23 @@
|
||||
# 스테이션바 구조물명 — 아이콘 가운데 정렬 + 폰트 원래 크기 복원
|
||||
|
||||
**날짜**: 2026-06-24
|
||||
**수정 파일**: `client/src/stationbar/components/Timeline/Timeline.tsx`,
|
||||
`client/src/stationbar/components/Timeline/Timeline.module.scss`
|
||||
**관련**: [2026-06-24_1933_스테이션바-첫마지막항목-바양끝스냅.md](2026-06-24_1933_스테이션바-첫마지막항목-바양끝스냅.md)
|
||||
|
||||
## 요구
|
||||
- 글자도 해당 아이콘 가운데로 이동(가운데 정렬).
|
||||
- 글자 크기를 이전(2줄 작업)처럼 작게 하지 말 것.
|
||||
|
||||
## 조치
|
||||
- Timeline: 첫/마지막 좌·우 정렬(anchorStart/End) 제거 → 모든 구조물명 라벨 **가운데 정렬**
|
||||
(segmentLabel 기본 translateX(-50%)). 아이콘 px 스냅(첫=바시작/마지막=바끝)은 유지 →
|
||||
라벨이 아이콘 가운데에 함께 위치.
|
||||
- `.structName`: `font-size:12px`/`line-height:12.5px` 작은 폰트 제거 → **라벨행 기본 16.5px 유지**.
|
||||
2줄 래핑(width 92px·line-clamp 2·word-break)·line-height 18px 는 유지.
|
||||
|
||||
## 검증
|
||||
- `npm run build -w client` (node20) tsc + vite build 통과.
|
||||
|
||||
**소요 시간**: 약 4분
|
||||
**Context 사용량**: input ~1150k / output ~3k tokens
|
||||
Reference in New Issue
Block a user