전략평가 화면 수정

frontend/src/hooks/useSignalVisualRailHeight.ts

@@ -2,9 +2,12 @@ import { useLayoutEffect, useRef } from 'react';
 
 /**
  * 신호등+하단 %/문구(.vtd-sig-light-rail) 높이를 측정해
- * 이퀄라이저 pane 눈금·막대 높이(--vtd-sig-rail-height)와 동기화
+ * 이퀄라이저 pane 눈금·막대 높이 CSS 변수와 동기화
  */
-export function useSignalVisualRailHeight(deps: unknown[] = []) {
+export function useSignalVisualRailHeight(
+  deps: unknown[] = [],
+  railHeightVar = '--vtd-sig-rail-height',
+) {
   const visualRef = useRef<HTMLDivElement>(null);
   const lightRef = useRef<HTMLDivElement>(null);
 
@@ -16,7 +19,7 @@ export function useSignalVisualRailHeight(deps: unknown[] = []) {
     const sync = () => {
       const h = Math.ceil(light.getBoundingClientRect().height);
       if (h > 0) {
-        visual.style.setProperty('--vtd-sig-rail-height', `${h}px`);
+        visual.style.setProperty(railHeightVar, `${h}px`);
       }
     };