kjs
/
ERP-node
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

분할 패널 너비 조절 안되는거 개선

This commit is contained in:
dohyeons 2025-11-04 15:32:49 +09:00
parent 39080dff59
commit 7b0bbc91c8
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/lib/registry/components/split-panel-layout/SplitPanelLayoutComponent.tsx
View File

@ -57,7 +57,7 @@ export const SplitPanelLayoutComponent: React.FC<SplitPanelLayoutComponentProps>
? { ? {
// 반응형 모드: position relative, 그리드 컨테이너가 제공하는 크기 사용 // 반응형 모드: position relative, 그리드 컨테이너가 제공하는 크기 사용
position: "relative", position: "relative",
// width 제거 - 그리드 컬럼이 결정 width: "100%", // 🆕 부모 컨테이너 너비에 맞춤
height: `${component.style?.height || 600}px`, height: `${component.style?.height || 600}px`,
border: "1px solid #e5e7eb", border: "1px solid #e5e7eb",
} }
@ -66,7 +66,7 @@ export const SplitPanelLayoutComponent: React.FC<SplitPanelLayoutComponentProps>
position: "absolute", position: "absolute",
left: `${component.style?.positionX || 0}px`, left: `${component.style?.positionX || 0}px`,
top: `${component.style?.positionY || 0}px`, top: `${component.style?.positionY || 0}px`,
width: `${component.style?.width || 1000}px`, width: "100%", // 🆕 부모 컨테이너 너비에 맞춤 (그리드 기반)
height: `${component.style?.height || 600}px`, height: `${component.style?.height || 600}px`,
zIndex: component.style?.positionZ || 1, zIndex: component.style?.positionZ || 1,
cursor: isDesignMode ? "pointer" : "default", cursor: isDesignMode ? "pointer" : "default",
@ -272,7 +272,7 @@ export const SplitPanelLayoutComponent: React.FC<SplitPanelLayoutComponentProps>
onClick?.(e); 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"
> >
{/* 좌측 패널 */} {/* 좌측 패널 */}
<div <div