버튼 문제 수정 및 여러가지

frontend/components/admin/RoleFormModal.tsx

@@ -1,7 +1,14 @@
 "use client";
 
 import React, { useState, useCallback, useEffect, useMemo } from "react";
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from "@/components/ui/dialog";
+import {
+  ResizableDialog,
+  ResizableDialogContent,
+  ResizableDialogHeader,
+  ResizableDialogTitle,
+  ResizableDialogDescription,
+  ResizableDialogFooter,
+} from "@/components/ui/resizable-dialog";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
@@ -177,11 +184,11 @@ export function RoleFormModal({ isOpen, onClose, onSuccess, editingRole }: RoleF
   );
 
   return (
-    <Dialog open={isOpen} onOpenChange={onClose}>
-      <DialogContent className="max-w-[95vw] sm:max-w-[500px]">
-        <DialogHeader>
-          <DialogTitle className="text-base sm:text-lg">{isEditMode ? "권한 그룹 수정" : "권한 그룹 생성"}</DialogTitle>
-        </DialogHeader>
+    <ResizableDialog open={isOpen} onOpenChange={onClose}>
+      <ResizableDialogContent className="max-w-[95vw] sm:max-w-[500px]">
+        <ResizableDialogHeader>
+          <ResizableDialogTitle className="text-base sm:text-lg">{isEditMode ? "권한 그룹 수정" : "권한 그룹 생성"}</ResizableDialogTitle>
+        </ResizableDialogHeader>
 
         <div className="space-y-3 sm:space-y-4">
           {/* 권한 그룹명 */}
@@ -368,8 +375,8 @@ export function RoleFormModal({ isOpen, onClose, onSuccess, editingRole }: RoleF
           >
             {isLoading ? "처리중..." : isEditMode ? "수정" : "생성"}
           </Button>
-        </DialogFooter>
-      </DialogContent>
-    </Dialog>
+        </ResizableDialogFooter>
+      </ResizableDialogContent>
+    </ResizableDialog>
   );
 }