From 7b0bbc91c8133cf529d081cc763cac024eba74a6 Mon Sep 17 00:00:00 2001 From: dohyeons Date: Tue, 4 Nov 2025 15:32:49 +0900 Subject: [PATCH] =?UTF-8?q?=EB=B6=84=ED=95=A0=20=ED=8C=A8=EB=84=90=20?= =?UTF-8?q?=EB=84=88=EB=B9=84=20=EC=A1=B0=EC=A0=88=20=EC=95=88=EB=90=98?= =?UTF-8?q?=EB=8A=94=EA=B1=B0=20=EA=B0=9C=EC=84=A0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../split-panel-layout/SplitPanelLayoutComponent.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/frontend/lib/registry/components/split-panel-layout/SplitPanelLayoutComponent.tsx b/frontend/lib/registry/components/split-panel-layout/SplitPanelLayoutComponent.tsx index b9875736..7506ee65 100644 --- a/frontend/lib/registry/components/split-panel-layout/SplitPanelLayoutComponent.tsx +++ b/frontend/lib/registry/components/split-panel-layout/SplitPanelLayoutComponent.tsx @@ -57,7 +57,7 @@ export const SplitPanelLayoutComponent: React.FC ? { // 반응형 모드: position relative, 그리드 컨테이너가 제공하는 크기 사용 position: "relative", - // width 제거 - 그리드 컬럼이 결정 + width: "100%", // 🆕 부모 컨테이너 너비에 맞춤 height: `${component.style?.height || 600}px`, border: "1px solid #e5e7eb", } @@ -66,7 +66,7 @@ export const SplitPanelLayoutComponent: React.FC position: "absolute", left: `${component.style?.positionX || 0}px`, top: `${component.style?.positionY || 0}px`, - width: `${component.style?.width || 1000}px`, + width: "100%", // 🆕 부모 컨테이너 너비에 맞춤 (그리드 기반) height: `${component.style?.height || 600}px`, zIndex: component.style?.positionZ || 1, cursor: isDesignMode ? "pointer" : "default", @@ -272,7 +272,7 @@ export const SplitPanelLayoutComponent: React.FC onClick?.(e); } }} - className={`flex overflow-hidden rounded-lg bg-white shadow-sm ${isPreview ? "w-full" : ""}`} + className="flex w-full overflow-hidden rounded-lg bg-white shadow-sm" > {/* 좌측 패널 */}