From 41777c9440ccf36b7fb30f802bcbfe5a9822891c Mon Sep 17 00:00:00 2001
From: wallace <adipark2@gmail.com>
Date: Wed, 6 Nov 2024 15:58:19 +0900
Subject: [PATCH] =?UTF-8?q?=ED=85=8C=EC=9D=BC=EC=9C=88=EB=93=9C=EC=95=88?=
 =?UTF-8?q?=EB=90=98=EB=8A=94=EA=B1=B0=20=EC=88=98=EC=A0=95=ED=95=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 image-ai/src/app/globals.css                     | 2 +-
 image-ai/src/features/editor/hooks/use-editor.ts | 6 +++---
 image-ai/tailwind.config.ts                      | 3 ++-
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/image-ai/src/app/globals.css b/image-ai/src/app/globals.css
index 67b95a1..806a994 100644
--- a/image-ai/src/app/globals.css
+++ b/image-ai/src/app/globals.css
@@ -3,7 +3,7 @@
 @tailwind utilities;
 
 html,
-boby{
+body{
   height: 100%;
 }
 
diff --git a/image-ai/src/features/editor/hooks/use-editor.ts b/image-ai/src/features/editor/hooks/use-editor.ts
index d373763..8482d10 100644
--- a/image-ai/src/features/editor/hooks/use-editor.ts
+++ b/image-ai/src/features/editor/hooks/use-editor.ts
@@ -4,7 +4,7 @@ import { useCallback } from "react";
 export const useEditor = () => {
     const init = useCallback(({
         initialCanvas,
-        initialContainer, //이부분 개빡치네 왜 안되는거야
+        initialContainer,
     }: {
         initialCanvas: fabric.Canvas;
         initialContainer: HTMLDivElement,
@@ -32,8 +32,8 @@ export const useEditor = () => {
             })
         })
 
-        initialCanvas.setWidth(900); //시부레 initialContainer.offsetWidth로 하면 왜 안되는거야
-        initialCanvas.setHeight(1200);
+        initialCanvas.setWidth(initialContainer.offsetWidth); 
+        initialCanvas.setHeight(initialContainer.offsetHeight);
 
         initialCanvas.add(initialWorkspace);
         initialCanvas.centerObject(initialWorkspace);
diff --git a/image-ai/tailwind.config.ts b/image-ai/tailwind.config.ts
index 79a72de..31fc314 100644
--- a/image-ai/tailwind.config.ts
+++ b/image-ai/tailwind.config.ts
@@ -3,7 +3,8 @@ import type { Config } from "tailwindcss";
 const config: Config = {
     darkMode: ["class"],
     content: [
-	"./src/**/*.{js,ts,jsx,tsx,mdx}",
+	"./src/**/*.{js,ts,jsx,tsx,mdx}", //이렇게 해야 src 폴더 안에 있는 
+									  //파일들을 모두 인식함
   ],
   theme: {
   	extend: {