fix(aerial): UP42 모달 지도 크기 탭별 동일하게 고정

- 모달 높이 85vh 고정 (max-h → height)
- 지도 영역 minHeight 350px 보장
- Optical/SAR/Elevation 탭 전환 시 지도 크기 일정 유지

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Nan Kyung Lee 2026-03-17 10:13:10 +09:00
부모 044994bd57
커밋 0c4bfb2f24

파일 보기

@ -630,7 +630,7 @@ export function SatelliteRequest() {
{/* ── UP42 카탈로그 주문 ── */}
{modalPhase === 'up42' && (
<div className="border rounded-[14px] w-[920px] max-h-[90vh] flex flex-col overflow-hidden border-[rgba(59,130,246,.3)]" style={{ background: '#0d1117', boxShadow: '0 24px 80px rgba(0,0,0,.7)' }}>
<div className="border rounded-[14px] w-[920px] flex flex-col overflow-hidden border-[rgba(59,130,246,.3)]" style={{ background: '#0d1117', boxShadow: '0 24px 80px rgba(0,0,0,.7)', height: '85vh' }}>
{/* 헤더 */}
<div className="px-6 py-4 border-b border-[#21262d] flex items-center justify-between shrink-0 relative">
<div className="absolute top-0 left-0 right-0 h-0.5" style={{ background: 'linear-gradient(90deg,#3b82f6,#06b6d4,#22c55e)' }} />
@ -708,8 +708,8 @@ export function SatelliteRequest() {
{/* 오른쪽: 궤도 지도 + 패스 목록 */}
<div className="flex-1 flex flex-col overflow-hidden min-w-0">
{/* 지도 영역 — 위성 궤도 표시 */}
<div className="flex-1 relative">
{/* 지도 영역 — 위성 궤도 표시 (최소 높이 보장) */}
<div className="flex-1 relative" style={{ minHeight: 350 }}>
<Map
initialViewState={{ longitude: 128, latitude: 36, zoom: 5.5 }}
mapStyle={SAT_MAP_STYLE}