모달 크기 고정

frontend/components/common/BarcodeScanModal.tsx

@@ -2,13 +2,13 @@
 
 import React, { useState, useRef, useEffect } 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 { toast } from "sonner";
 import { Camera, CameraOff, CheckCircle2, AlertCircle, Scan } from "lucide-react";
@@ -179,26 +179,15 @@ export const BarcodeScanModal: React.FC<BarcodeScanModalProps> = ({
   };
 
   return (
-    <ResizableDialog open={open} onOpenChange={onOpenChange}>
-      <ResizableDialogContent 
-        className="max-w-[95vw] sm:max-w-[600px]"
-        defaultWidth={600}
-        defaultHeight={700}
-        minWidth={400}
-        minHeight={500}
-        maxWidth={900}
-        maxHeight={900}
-        modalId="barcode-scan"
-        userId={userId}
-      >
-        <ResizableDialogHeader>
-          <ResizableDialogTitle className="text-base sm:text-lg">바코드 스캔</ResizableDialogTitle>
-          <ResizableDialogDescription className="text-xs sm:text-sm">
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent className="max-w-[95vw] sm:max-w-[600px]">
+        <DialogHeader>
+          <DialogTitle className="text-base sm:text-lg">바코드 스캔</DialogTitle>
+          <DialogDescription className="text-xs sm:text-sm">
             카메라로 바코드를 스캔하세요.
             {targetField && ` (대상 필드: ${targetField})`}
-            모달 테두리를 드래그하여 크기를 조절할 수 있습니다.
-          </ResizableDialogDescription>
-        </ResizableDialogHeader>
+          </DialogDescription>
+        </DialogHeader>
 
         <div className="space-y-4">
           {/* 카메라 권한 요청 대기 중 */}
@@ -337,7 +326,7 @@ export const BarcodeScanModal: React.FC<BarcodeScanModalProps> = ({
           )}
         </div>
 
-        <ResizableDialogFooter className="gap-2 sm:gap-0">
+        <DialogFooter className="gap-2 sm:gap-0">
           <Button
             variant="outline"
             onClick={() => onOpenChange(false)}
@@ -376,9 +365,9 @@ export const BarcodeScanModal: React.FC<BarcodeScanModalProps> = ({
               확인
             </Button>
           )}
-        </ResizableDialogFooter>
-      </ResizableDialogContent>
-    </ResizableDialog>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
   );
 };