fix: RoutePanel 역명 레이블 위치 교정 — 높은km(대전조차장)=상단, 낮은km(회덕)=하단

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
minsung
2026-04-01 16:47:25 +09:00
parent 3f83363ef4
commit 8cb0c52e27

View File

@@ -262,16 +262,16 @@ export default function RoutePanel({ currentTime, visible, onSeek }: RoutePanelP
style={{ left: 38, width: 2, top: 22, bottom: 22, background: 'rgba(255,255,255,0.5)' }}
/>
{/* 시점 역명 — 상단 */}
{/* 높은 km 역명 — 상단 (대전조차장) */}
<div className="absolute left-0 right-0 flex items-center gap-1" style={{ top: 4 }}>
<div className="w-2 h-2 rounded-full bg-white/80 shrink-0" style={{ marginLeft: 29 }} />
<span className="text-[11px] text-white/90 font-semibold truncate">{cleanTitle(routeStartTitle)}</span>
<span className="text-[11px] text-white/90 font-semibold truncate">{cleanTitle(routeEndTitle)}</span>
</div>
{/* 종점 역명 — 하단 */}
{/* 낮은 km 역명 — 하단 (회덕) */}
<div className="absolute left-0 right-0 flex items-center gap-1" style={{ bottom: 4 }}>
<div className="w-2 h-2 rounded-full bg-white/80 shrink-0" style={{ marginLeft: 29 }} />
<span className="text-[11px] text-white/90 font-semibold truncate">{cleanTitle(routeEndTitle)}</span>
<span className="text-[11px] text-white/90 font-semibold truncate">{cleanTitle(routeStartTitle)}</span>
</div>
{/* 교량/터널 POIs — 겹침 방지: Y 간격 7% 미만이면 건너뜀 */}