Merge pull request #178 from boostcampwm-2024/bug-fe-#177

yewonJin · web-flow · commit 16b289182384 · 2024-11-17T21:14:14.000+09:00
에디터 블록 drag handle이 예상과 다른 곳에 위치하는 문제 수정
diff --git a/frontend/src/components/layout/EditorLayout.tsx b/frontend/src/components/layout/EditorLayout.tsx
@@ -10,7 +10,9 @@ const EditorLayout = ({ children }: EditorLayoutProps) => {
 
   return (
     <div
-      className={`absolute right-0 h-[720px] w-[520px] transform rounded-bl-lg rounded-br-lg rounded-tr-lg border bg-white shadow-lg transition-transform duration-100 ease-in-out ${isPanelOpen ? "translate-x-0" : "translate-x-full"}`}
+      className={`absolute right-0 h-[720px] w-[520px] rounded-bl-lg rounded-br-lg rounded-tr-lg border bg-white shadow-lg transition-transform duration-100 ease-in-out ${
+        isPanelOpen ? "transform-none" : "translate-x-full"
+      }`}
     >
       <div className="h-full overflow-auto">{children}</div>
 

Original file line number	Diff line number	Diff line change
`@@ -10,7 +10,9 @@ const EditorLayout = ({ children }: EditorLayoutProps) => {`
`10`	`10`
`11`	`11`	`return (`
`12`	`12`	`<div`
`13`		- className={`absolute right-0 h-[720px] w-[520px] transform rounded-bl-lg rounded-br-lg rounded-tr-lg border bg-white shadow-lg transition-transform duration-100 ease-in-out ${isPanelOpen ? "translate-x-0" : "translate-x-full"}`}
	`13`	+ className={`absolute right-0 h-[720px] w-[520px] rounded-bl-lg rounded-br-lg rounded-tr-lg border bg-white shadow-lg transition-transform duration-100 ease-in-out ${
	`14`	`+ isPanelOpen ? "transform-none" : "translate-x-full"`
	`15`	+ }`}
`14`	`16`	`>`
`15`	`17`	`<div className="h-full overflow-auto">{children}</div>`
`16`	`18`