From a9bf8dd13c985c684b5a855dd99848a977119117 Mon Sep 17 00:00:00 2001
From: mooniswan <mcw1156@gmail.com>
Date: Sat, 11 Jan 2025 03:53:59 +0900
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20Fix:=20Show=20drawing=20tool=20c?=
 =?UTF-8?q?omponents?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/pages/Drawing.tsx | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/frontend/src/pages/Drawing.tsx b/frontend/src/pages/Drawing.tsx
index c9b3431..4f8f427 100644
--- a/frontend/src/pages/Drawing.tsx
+++ b/frontend/src/pages/Drawing.tsx
@@ -6,7 +6,7 @@ import { Navbar } from '../components/Navbar';
 import { analyzeImage } from '../services/api';
 import '../styles/pages/drawing.css';
 
-const ERASER_SIZE = 20; // 지우개 크기
+const ERASER_SIZE = 30; // 지우개 크기
 const PEN_SIZE = 4; // 펜 크기
 
 // 그리기 타입 정의 (house/tree/person)
@@ -241,10 +241,8 @@ export default function Drawing() {
             </motion.div>
 
             {/* 그리기/업로드 영역 */}
-            <div className="relative w-full max-w-[900px] h-[500px] mx-auto overflow-hidden">
-              {mode === 'draw' ? (
-                <div className="drawing-container relative w-full h-full">
-                  {/* ToolBar 컴포넌트 */}
+            <div className="relative w-full max-w-[900px] mx-auto">
+              {mode === 'draw' && (
                   <motion.div 
                     className="tools-container"
                     initial={{ opacity: 0, x: -20 }}
@@ -263,8 +261,12 @@ export default function Drawing() {
                     >
                       🧽
                     </button>
-                  </motion.div>
+                    </motion.div>
+                  )}
                   
+                  <div className="h-[500px] overflow-hidden">
+                  {mode === 'draw' ? (
+                  <div className="drawing-container relative w-full h-full">
                   {/* 지우개 커서 */}
                   {tool === 'eraser' && (
                     <div
@@ -350,6 +352,7 @@ export default function Drawing() {
                 </div>
               )}
             </div>
+            </div>
 
             {error && (
               <div className="text-white text-center mt-4">{error}</div>