버튼 문제 수정 및 여러가지

frontend/components/admin/SqlQueryModal.tsx

@@ -2,7 +2,7 @@
 
 import { useState, useEffect, ChangeEvent } from "react";
 import { Button } from "@/components/ui/button";
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription } from "@/components/ui/dialog";
+import { ResizableDialog, ResizableDialogContent, ResizableDialogHeader,  DialogDescription } from "@/components/ui/resizable-dialog";
 import { Textarea } from "@/components/ui/textarea";
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
@@ -174,14 +174,14 @@ export const SqlQueryModal: React.FC<SqlQueryModalProps> = ({ isOpen, onClose, c
   };
 
   return (
-    <Dialog open={isOpen} onOpenChange={onClose}>
-      <DialogContent className="max-h-[90vh] max-w-5xl overflow-y-auto" aria-describedby="modal-description">
-        <DialogHeader>
-          <DialogTitle>{connectionName} - SQL 쿼리 실행</DialogTitle>
-          <DialogDescription>
+    <ResizableDialog open={isOpen} onOpenChange={onClose}>
+      <ResizableDialogContent className="max-h-[90vh] max-w-5xl overflow-y-auto" aria-describedby="modal-description">
+        <ResizableDialogHeader>
+          <ResizableDialogTitle>{connectionName} - SQL 쿼리 실행</ResizableDialogTitle>
+          <ResizableDialogDescription>
             데이터베이스에 대해 SQL SELECT 쿼리를 실행하고 결과를 확인할 수 있습니다.
-          </DialogDescription>
-        </DialogHeader>
+          </ResizableDialogDescription>
+        </ResizableDialogHeader>
         
         {/* 쿼리 입력 영역 */}
         <div className="space-y-4">
@@ -369,7 +369,7 @@ export const SqlQueryModal: React.FC<SqlQueryModalProps> = ({ isOpen, onClose, c
             </div>
           </div>
         </div>
-      </DialogContent>
-    </Dialog>
+      </ResizableDialogContent>
+    </ResizableDialog>
   );
 };