diff --git a/B05_Profile/B05_Profile_UI_RouteEdit_Recommend.ts b/B05_Profile/B05_Profile_UI_RouteEdit_Recommend.ts index 2e84424a6..dc18035ed 100644 --- a/B05_Profile/B05_Profile_UI_RouteEdit_Recommend.ts +++ b/B05_Profile/B05_Profile_UI_RouteEdit_Recommend.ts @@ -229,8 +229,10 @@ export function openRecommendModal(params: RecommendParams): void {
- - +
+ + +
diff --git a/B05_Profile/B05_Profile_UI_RouteEdit_Recommend_Profile.ts b/B05_Profile/B05_Profile_UI_RouteEdit_Recommend_Profile.ts index a8313bba2..7b3da67bf 100644 --- a/B05_Profile/B05_Profile_UI_RouteEdit_Recommend_Profile.ts +++ b/B05_Profile/B05_Profile_UI_RouteEdit_Recommend_Profile.ts @@ -83,7 +83,7 @@ export function balanceLine(balance: BalanceProfile | null): string { } const PROFILE_W = 600; -const PROFILE_H = 110; +const PROFILE_H = 96; const PAD = 6; /** 종단 그림(SVG) — 지반선 · 균형 계획선. 가로 = 측점 · 세로 = 표고(창에 맞춰 늘림). */ diff --git a/B05_Profile/B05_Profile_UI_Style_RouteRecommend.css b/B05_Profile/B05_Profile_UI_Style_RouteRecommend.css index c4473a492..cf2222692 100644 --- a/B05_Profile/B05_Profile_UI_Style_RouteRecommend.css +++ b/B05_Profile/B05_Profile_UI_Style_RouteRecommend.css @@ -458,11 +458,23 @@ display: none; } -/* 균형 종단 미리 보기(계획서 63-4) — 지반선 · 계획선. */ +/* 균형 종단(계획서 63-4) — 종단 그림 · 후보 표를 나란히(창 높이를 덜 먹게). */ +.b05-routerec__balance { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); + gap: var(--spacing-8); + align-items: start; +} + +.b05-routerec__balance > [hidden] { + display: none; +} + +/* 지반선 · 계획선. */ .b05-routerec__profile svg { display: block; width: 100%; - height: 110px; + height: 96px; border: 1px solid var(--color-border); border-radius: var(--radius-8, 6px); background: var(--color-surface);