리사이징, 체크박스,엔터치면 다음 칸으로 이동, 표수정, 컬럼에서 이미지 넣는거 등등

frontend/components/admin/TableLogViewer.tsx

@@ -1,7 +1,13 @@
 "use client";
 
 import { useState, useEffect } from "react";
-import { ResizableDialog, ResizableDialogContent, ResizableDialogHeader, DialogTitle } from "@/components/ui/dialog";
+import { 
+  ResizableDialog, 
+  ResizableDialogContent, 
+  ResizableDialogHeader, 
+  ResizableDialogTitle,
+  ResizableDialogFooter 
+} from "@/components/ui/resizable-dialog";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
@@ -120,14 +126,14 @@ export function TableLogViewer({ tableName, open, onOpenChange }: TableLogViewer
   };
 
   return (
-    <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="flex max-h-[90vh] max-w-6xl flex-col overflow-hidden">
-        <DialogHeader>
-          <DialogTitle className="flex items-center gap-2">
+    <ResizableDialog open={open} onOpenChange={onOpenChange}>
+      <ResizableDialogContent className="flex max-h-[90vh] max-w-6xl flex-col overflow-hidden">
+        <ResizableDialogHeader>
+          <ResizableDialogTitle className="flex items-center gap-2">
             <History className="h-5 w-5" />
             {tableName} - 변경 이력
-          </DialogTitle>
-        </DialogHeader>
+          </ResizableDialogTitle>
+        </ResizableDialogHeader>
 
         {/* 필터 영역 */}
         <div className="space-y-3 rounded-lg border p-4">
@@ -255,7 +261,7 @@ export function TableLogViewer({ tableName, open, onOpenChange }: TableLogViewer
             </Button>
           </div>
         </div>
-      </DialogContent>
-    </Dialog>
+      </ResizableDialogContent>
+    </ResizableDialog>
   );
 }