From faf201dfc6af1252003763a31068e85957593731 Mon Sep 17 00:00:00 2001
From: dohyeons <ddhhss0603@gmail.com>
Date: Mon, 13 Oct 2025 18:10:58 +0900
Subject: [PATCH] =?UTF-8?q?=EC=9C=84=EC=A0=AF=EC=9D=84=20=EC=95=84?=
 =?UTF-8?q?=EB=9E=98=EB=A1=9C=20=EB=B0=B0=EC=B9=98=ED=95=98=EB=8F=84?=
 =?UTF-8?q?=EB=A1=9D=20=EC=84=A4=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/components/admin/dashboard/DashboardCanvas.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/frontend/components/admin/dashboard/DashboardCanvas.tsx b/frontend/components/admin/dashboard/DashboardCanvas.tsx
index 04975d0f..a1e4d65e 100644
--- a/frontend/components/admin/dashboard/DashboardCanvas.tsx
+++ b/frontend/components/admin/dashboard/DashboardCanvas.tsx
@@ -95,12 +95,19 @@ export const DashboardCanvas = forwardRef<HTMLDivElement, DashboardCanvasProps>(
     const cellWithGap = GRID_CONFIG.CELL_SIZE + GRID_CONFIG.GAP;
     const gridSize = `${cellWithGap}px ${cellWithGap}px`;
 
+    // 캔버스 높이를 요소들의 최대 y + height 기준으로 계산 (최소 화면 높이 보장)
+    const minCanvasHeight = Math.max(
+      typeof window !== "undefined" ? window.innerHeight : 800,
+      ...elements.map((el) => el.position.y + el.size.height + 100), // 하단 여백 100px
+    );
+
     return (
       <div
         ref={ref}
-        className={`relative min-h-screen rounded-lg bg-gray-50 shadow-inner ${isDragOver ? "bg-blue-50/50" : ""} `}
+        className={`relative rounded-lg bg-gray-50 shadow-inner ${isDragOver ? "bg-blue-50/50" : ""} `}
         style={{
           width: `${GRID_CONFIG.CANVAS_WIDTH}px`,
+          minHeight: `${minCanvasHeight}px`,
           // 12 컬럼 그리드 배경
           backgroundImage: `
             linear-gradient(rgba(59, 130, 246, 0.15) 1px, transparent 1px),