버튼 문제 수정 및 여러가지

frontend/components/report/ReportCreateModal.tsx

@@ -4,11 +4,11 @@ import { useState, useEffect } from "react";
 import {
   Dialog,
   DialogContent,
-  DialogDescription,
-  DialogFooter,
+  
+  
   DialogHeader,
-  DialogTitle,
-} from "@/components/ui/dialog";
+  
+} from "@/components/ui/resizable-dialog";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
@@ -120,8 +120,8 @@ export function ReportCreateModal({ isOpen, onClose, onSuccess }: ReportCreateMo
     <Dialog open={isOpen} onOpenChange={handleClose}>
       <DialogContent className="sm:max-w-[500px]">
         <DialogHeader>
-          <DialogTitle>새 리포트 생성</DialogTitle>
-          <DialogDescription>새로운 리포트를 생성합니다. 필수 항목을 입력해주세요.</DialogDescription>
+          <ResizableDialogTitle>새 리포트 생성</ResizableDialogTitle>
+          <DialogDescription>새로운 리포트를 생성합니다. 필수 항목을 입력해주세요.</ResizableDialogDescription>
         </DialogHeader>
 
         <div className="space-y-4 py-4">
@@ -207,7 +207,7 @@ export function ReportCreateModal({ isOpen, onClose, onSuccess }: ReportCreateMo
           </div>
         </div>
 
-        <DialogFooter>
+        <ResizableDialogFooter>
           <Button variant="outline" onClick={handleClose} disabled={isLoading}>
             취소
           </Button>
@@ -221,7 +221,7 @@ export function ReportCreateModal({ isOpen, onClose, onSuccess }: ReportCreateMo
               "생성"
             )}
           </Button>
-        </DialogFooter>
+        </ResizableDialogFooter>
       </DialogContent>
     </Dialog>
   );

frontend/components/report/designer/ReportPreviewModal.tsx

@@ -3,11 +3,11 @@
 import {
   Dialog,
   DialogContent,
-  DialogDescription,
-  DialogFooter,
+  
+  
   DialogHeader,
-  DialogTitle,
-} from "@/components/ui/dialog";
+  
+} from "@/components/ui/resizable-dialog";
 import { Button } from "@/components/ui/button";
 import { Printer, FileDown, FileText } from "lucide-react";
 import { useReportDesigner } from "@/contexts/ReportDesignerContext";
@@ -573,10 +573,10 @@ export function ReportPreviewModal({ isOpen, onClose }: ReportPreviewModalProps)
     <Dialog open={isOpen} onOpenChange={onClose}>
       <DialogContent className="max-w-4xl">
         <DialogHeader>
-          <DialogTitle>미리보기</DialogTitle>
+          <ResizableDialogTitle>미리보기</ResizableDialogTitle>
           <DialogDescription>
             현재 레이아웃의 미리보기입니다. 인쇄하거나 파일로 다운로드할 수 있습니다.
-          </DialogDescription>
+          </ResizableDialogDescription>
         </DialogHeader>
 
         {/* 미리보기 영역 - 모든 페이지 표시 */}
@@ -895,7 +895,7 @@ export function ReportPreviewModal({ isOpen, onClose }: ReportPreviewModalProps)
           </div>
         </div>
 
-        <DialogFooter>
+        <ResizableDialogFooter>
           <Button variant="outline" onClick={onClose} disabled={isExporting}>
             닫기
           </Button>
@@ -911,7 +911,7 @@ export function ReportPreviewModal({ isOpen, onClose }: ReportPreviewModalProps)
             <FileText className="h-4 w-4" />
             {isExporting ? "생성 중..." : "WORD"}
           </Button>
-        </DialogFooter>
+        </ResizableDialogFooter>
       </DialogContent>
     </Dialog>
   );

frontend/components/report/designer/SaveAsTemplateModal.tsx

@@ -4,11 +4,11 @@ import { useState } from "react";
 import {
   Dialog,
   DialogContent,
-  DialogDescription,
-  DialogFooter,
+  
+  
   DialogHeader,
-  DialogTitle,
-} from "@/components/ui/dialog";
+  
+} from "@/components/ui/resizable-dialog";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
@@ -72,10 +72,10 @@ export function SaveAsTemplateModal({ isOpen, onClose, onSave }: SaveAsTemplateM
     <Dialog open={isOpen} onOpenChange={handleClose}>
       <DialogContent className="sm:max-w-[500px]">
         <DialogHeader>
-          <DialogTitle>템플릿으로 저장</DialogTitle>
+          <ResizableDialogTitle>템플릿으로 저장</ResizableDialogTitle>
           <DialogDescription>
             현재 리포트 레이아웃을 템플릿으로 저장하면 다른 리포트에서 재사용할 수 있습니다.
-          </DialogDescription>
+          </ResizableDialogDescription>
         </DialogHeader>
 
         <div className="space-y-4 py-4">
@@ -131,7 +131,7 @@ export function SaveAsTemplateModal({ isOpen, onClose, onSave }: SaveAsTemplateM
           </div>
         </div>
 
-        <DialogFooter>
+        <ResizableDialogFooter>
           <Button variant="outline" onClick={handleClose} disabled={isSaving}>
             취소
           </Button>
@@ -145,7 +145,7 @@ export function SaveAsTemplateModal({ isOpen, onClose, onSave }: SaveAsTemplateM
               "저장"
             )}
           </Button>
-        </DialogFooter>
+        </ResizableDialogFooter>
       </DialogContent>
     </Dialog>
   );