모달 크기 고정

frontend/components/admin/RoleDeleteModal.tsx

@@ -2,13 +2,13 @@
 
 import React, { useState, useCallback } from "react";
 import {
-  ResizableDialog,
-  ResizableDialogContent,
-  ResizableDialogHeader,
-  ResizableDialogTitle,
-  ResizableDialogDescription,
-  ResizableDialogFooter,
-} from "@/components/ui/resizable-dialog";
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+  DialogDescription,
+  DialogFooter,
+} from "@/components/ui/dialog";
 import { Button } from "@/components/ui/button";
 import { roleAPI, RoleGroup } from "@/lib/api/role";
 import { AlertTriangle } from "lucide-react";
@@ -71,11 +71,11 @@ export function RoleDeleteModal({ isOpen, onClose, onSuccess, role }: RoleDelete
   if (!role) return null;
 
   return (
-    <ResizableDialog open={isOpen} onOpenChange={onClose}>
-      <ResizableDialogContent className="max-w-[95vw] sm:max-w-[500px]">
-        <ResizableDialogHeader>
-          <ResizableDialogTitle className="text-base sm:text-lg">권한 그룹 삭제</ResizableDialogTitle>
-        </ResizableDialogHeader>
+    <Dialog open={isOpen} onOpenChange={onClose}>
+      <DialogContent className="max-w-[95vw] sm:max-w-[500px]">
+        <DialogHeader>
+          <DialogTitle className="text-base sm:text-lg">권한 그룹 삭제</DialogTitle>
+        </DialogHeader>
 
         <div className="space-y-4">
           {/* 경고 메시지 */}
@@ -133,7 +133,7 @@ export function RoleDeleteModal({ isOpen, onClose, onSuccess, role }: RoleDelete
           )}
         </div>
 
-        <ResizableDialogFooter className="gap-2 sm:gap-0">
+        <DialogFooter className="gap-2 sm:gap-0">
           <Button
             variant="outline"
             onClick={onClose}
@@ -150,8 +150,8 @@ export function RoleDeleteModal({ isOpen, onClose, onSuccess, role }: RoleDelete
           >
             {isLoading ? "삭제중..." : "삭제"}
           </Button>
-        </ResizableDialogFooter>
-      </ResizableDialogContent>
-    </ResizableDialog>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
   );
 }