From 242da1040e831ef0d102fb5d951b3c39ecdd299b Mon Sep 17 00:00:00 2001
From: chundang <fpem339@naver.com>
Date: Thu, 29 Aug 2024 16:32:47 +0900
Subject: [PATCH] =?UTF-8?q?=EB=94=94=ED=85=8C=EC=9D=BC=EB=94=94=EC=9E=90?=
 =?UTF-8?q?=EC=9D=B8=EC=88=98=EC=A0=950829?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/pages/ClothdetailPage/ClothdetailPage.jsx     |  2 +-
 .../pages/ClothdetailPage/ClothdetailPage.style.js    | 11 +++++++----
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/FITple-Frontend/src/pages/ClothdetailPage/ClothdetailPage.jsx b/FITple-Frontend/src/pages/ClothdetailPage/ClothdetailPage.jsx
index 11fd691..6324159 100644
--- a/FITple-Frontend/src/pages/ClothdetailPage/ClothdetailPage.jsx
+++ b/FITple-Frontend/src/pages/ClothdetailPage/ClothdetailPage.jsx
@@ -273,7 +273,7 @@ function ClothdetailPage() {
               <Clothdebar src="../assets/detailbar.svg" />
               {isEdit && (
                 <EditButtons isEdit={isEdit}>
-                  <Link to="/clothupdate">
+                  <Link to="/clothupdate/:clothId">
                     <EditButton>옷 정보 수정하기</EditButton>
                   </Link>
                   <EditButton onClick={handleDeleteCloth}>
diff --git a/FITple-Frontend/src/pages/ClothdetailPage/ClothdetailPage.style.js b/FITple-Frontend/src/pages/ClothdetailPage/ClothdetailPage.style.js
index 41d94e7..918b0f3 100644
--- a/FITple-Frontend/src/pages/ClothdetailPage/ClothdetailPage.style.js
+++ b/FITple-Frontend/src/pages/ClothdetailPage/ClothdetailPage.style.js
@@ -92,6 +92,7 @@ export const ClothName = styled.div`
 `;
 export const ClothdebarContainer = styled.div`
   display: flex;
+  position: relative;
   flex-direction: column;
   margin-left: 15%;
   margin-bottom: 1rem;
@@ -186,15 +187,17 @@ export const Detailbox = styled.div`
 export const EditButtons = styled.div`
   display: flex;
   position: absolute;
-  right: 22%;
-  bottom: 26.875rem;
+  right: 80%;
+  top: 3rem;
+  width: 14.5rem;
+  height: 4rem;
   flex-direction: column;
   justify-content: center;
-  opacity: ${(props) => (props.isEdit ? 1 : 0)};
+  opacity: ${(props) => (props.isEdit ? "flex" : "block")};
   transition: opacity 0.2s ease-in-out;
 `;
 export const EditButton = styled.button`
-  padding: 0.625rem 2.5rem;
+  padding: 0.57rem 3.9rem;
   border: 1px solid #000000;
   color: #000000;
   font-size: 1rem;