kimminsung/dronevideoplayer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
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
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
client/src/components/overlay/RoutePanel.tsx
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)' }} 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="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 }} /> <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> </div>
{/* 종점 역명 — 하단 */} {/* 낮은 km 역명 — 하단 (회덕) */}
<div className="absolute left-0 right-0 flex items-center gap-1" style={{ bottom: 4 }}> <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 }} /> <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> </div>
{/* 교량/터널 POIs — 겹침 방지: Y 간격 7% 미만이면 건너뜀 */} {/* 교량/터널 POIs — 겹침 방지: Y 간격 7% 미만이면 건너뜀 */}