fix(ui): 유토곡선 상단 여유·사이드 컨테이너 외곽선·패널 리사이즈 부드럽게

- 유토곡선 SVG 상단 여백 padTop 옵션 신설(공용 렌더러), B05는 40px — 범례·기준 버튼 오버레이(top 34px)와 커브 겹침 해소. B06은 기존 10px 유지 - 사이드 패널 컨테이너 공통 클래스(ui-sidebar-section): 외곽선을 본문 보조색 45% 혼합으로 진하게 — 두 테마 모두 흐려 안 보이던 문제. B04/B05/B06 적용 - 하단 패널 리사이즈 끊김 해소: 끌리는 동안 프레임당 경량 높이 동기화 (캐스케이드 계산 + 캔버스/차트 높이만), 무거운 차트·테이블 재구성은 손 뗀 뒤 120ms 디바운스로 1회. 추가 리소스 없음 — 프레임당 비용 감소 Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-08-05 19:51:10 +09:00
parent 69aed9d26c
commit 81825413ef
6 changed files with 108 additions and 60 deletions
@@ -239,3 +239,9 @@
  flex: 1 1 0;
  min-width: 0;
 }
+
+/* 사이드 패널 내부 컨테이너 공통 외곽선 — 기본 --color-border가 두 테마 모두 흐려
+   안 보인다는 보고(2026-08-05). 본문 보조색을 절반 섞어 어느 테마에서든 뚜렷하게. */
+.ui-sidebar-section {
+  border-color: color-mix(in srgb, var(--color-border) 45%, var(--color-text-secondary));
+}