From 1d6418ca63367a2baa2f3be49a3c8f3a9024982f Mon Sep 17 00:00:00 2001
From: kjs <kjs@wace.me>
Date: Fri, 7 Nov 2025 17:39:51 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20SaveModal=EC=9D=84=20ResizableDialog?=
 =?UTF-8?q?=EB=A1=9C=20=EC=88=98=EC=A0=95=ED=95=98=EC=97=AC=20=ED=81=AC?=
 =?UTF-8?q?=EA=B8=B0=20=EC=A1=B0=EC=A0=88=20=EA=B0=80=EB=8A=A5=ED=95=98?=
 =?UTF-8?q?=EB=8F=84=EB=A1=9D=20=EA=B0=9C=EC=84=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

주요 변경사항:
- Dialog/DialogContent를 ResizableDialog/ResizableDialogContent로 변경
- DialogTitle을 ResizableDialogTitle로 변경
- 내부 컨텐츠 컨테이너를 유연한 크기(w-full h-full)로 변경
- minWidth/minHeight 사용으로 최소 크기 보장

참고:
- 컴포넌트 레이아웃이 화면관리에서 설정된 대로 정확히 렌더링됨
- 레이아웃 자체의 문제는 화면관리에서 재설계 필요

파일 변경:
- frontend/components/screen/SaveModal.tsx
---
 frontend/components/screen/SaveModal.tsx | 23 +++++++++++------------
 1 file changed, 11 insertions(+), 12 deletions(-)

diff --git a/frontend/components/screen/SaveModal.tsx b/frontend/components/screen/SaveModal.tsx
index 172d5f49..d42ffd2e 100644
--- a/frontend/components/screen/SaveModal.tsx
+++ b/frontend/components/screen/SaveModal.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React, { useState, useEffect } from "react";
-import { ResizableDialog, ResizableDialogContent, ResizableDialogHeader, DialogTitle } from "@/components/ui/resizable-dialog";
+import { ResizableDialog, ResizableDialogContent, ResizableDialogHeader, ResizableDialogTitle } from "@/components/ui/resizable-dialog";
 import { Button } from "@/components/ui/button";
 import { X, Save, Loader2 } from "lucide-react";
 import { toast } from "sonner";
@@ -213,9 +213,9 @@ export const SaveModal: React.FC<SaveModalProps> = ({
   const dynamicSize = calculateDynamicSize();
 
   return (
-    <Dialog open={isOpen} onOpenChange={(open) => !isSaving && !open && onClose()}>
-      <DialogContent className={`${modalSizeClasses[modalSize]} max-h-[90vh] gap-0 p-0`}>
-        <DialogHeader className="border-b px-6 py-4">
+    <ResizableDialog open={isOpen} onOpenChange={(open) => !isSaving && !open && onClose()}>
+      <ResizableDialogContent className={`${modalSizeClasses[modalSize]} max-h-[90vh] gap-0 p-0`}>
+        <ResizableDialogHeader className="border-b px-6 py-4">
           <div className="flex items-center justify-between">
             <ResizableDialogTitle className="text-lg font-semibold">{initialData ? "데이터 수정" : "데이터 등록"}</ResizableDialogTitle>
             <div className="flex items-center gap-2">
@@ -237,7 +237,7 @@ export const SaveModal: React.FC<SaveModalProps> = ({
               </Button>
             </div>
           </div>
-        </DialogHeader>
+        </ResizableDialogHeader>
 
         <div className="overflow-auto p-6">
           {loading ? (
@@ -246,14 +246,13 @@ export const SaveModal: React.FC<SaveModalProps> = ({
             </div>
           ) : screenData && components.length > 0 ? (
             <div
-              className="relative bg-white"
+              className="relative bg-white w-full h-full"
               style={{
-                width: dynamicSize.width,
-                height: dynamicSize.height,
-                overflow: "hidden",
+                minWidth: dynamicSize.width,
+                minHeight: dynamicSize.height,
               }}
             >
-              <div className="relative" style={{ minHeight: "300px" }}>
+              <div className="relative w-full h-full" style={{ minHeight: "300px" }}>
                 {components.map((component, index) => (
                   <div
                     key={component.id}
@@ -314,7 +313,7 @@ export const SaveModal: React.FC<SaveModalProps> = ({
             <div className="text-muted-foreground py-12 text-center">화면에 컴포넌트가 없습니다.</div>
           )}
         </div>
-      </DialogContent>
-    </Dialog>
+      </ResizableDialogContent>
+    </ResizableDialog>
   );
 };