모달 크기 고정

frontend/components/screen/InteractiveScreenViewerDynamic.tsx

@@ -3,8 +3,7 @@
 import React, { useState, useCallback, useEffect } from "react";
 import { Input } from "@/components/ui/input";
 import { Button } from "@/components/ui/button";
-import { ResizableDialog, ResizableDialogContent, ResizableDialogHeader } from "@/components/ui/resizable-dialog";
-import { DialogTitle, DialogHeader } from "@/components/ui/dialog";
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@/components/ui/dialog";
 import { useAuth } from "@/hooks/useAuth";
 import { uploadFilesAndCreateData } from "@/lib/api/file";
 import { toast } from "sonner";
@@ -776,17 +775,15 @@ export const InteractiveScreenViewerDynamic: React.FC<InteractiveScreenViewerPro
 
       {/* 팝업 화면 렌더링 */}
       {popupScreen && (
-        <ResizableDialog open={!!popupScreen} onOpenChange={() => setPopupScreen(null)}>
-          <ResizableDialogContent
-            className="overflow-hidden p-0"
-            defaultWidth={popupScreen.size === "small" ? 600 : popupScreen.size === "large" ? 1400 : 1000}
-            defaultHeight={800}
-            minWidth={500}
-            minHeight={400}
-            maxWidth={1600}
-            maxHeight={1200}
-            modalId={`popup-screen-${popupScreen.screenId}`}
-            userId={user?.userId || "guest"}
+        <Dialog open={!!popupScreen} onOpenChange={() => setPopupScreen(null)}>
+          <DialogContent
+            className="overflow-hidden p-0 max-w-none"
+            style={{
+              width: popupScreen.size === "small" ? "600px" : popupScreen.size === "large" ? "1400px" : "1000px",
+              height: "800px",
+              maxWidth: "95vw",
+              maxHeight: "90vh",
+            }}
           >
             <DialogHeader>
               <DialogTitle>{popupScreen.title}</DialogTitle>
@@ -820,8 +817,8 @@ export const InteractiveScreenViewerDynamic: React.FC<InteractiveScreenViewerPro
                 ))}
               </div>
             )}
-          </ResizableDialogContent>
-        </ResizableDialog>
+          </DialogContent>
+        </Dialog>
       )}
     </>
   );