diff --git a/frontend/src/components/roomForm/RoomFormLayout.style.ts b/frontend/src/components/roomForm/RoomFormLayout.style.ts index 462b994e..b9c5d5f7 100644 --- a/frontend/src/components/roomForm/RoomFormLayout.style.ts +++ b/frontend/src/components/roomForm/RoomFormLayout.style.ts @@ -77,8 +77,8 @@ export const RequiredLabel = styled.span` export const ContentInput = styled.div` display: flex; - flex-direction: row; - gap: 2rem; + flex-direction: column; + gap: 1rem; width: 100%; `; @@ -88,7 +88,7 @@ export const ContentWrapper = styled.div` gap: 1rem; align-items: center; - padding: 0.5rem 0; + padding: 1rem 0; `; export const ContentRadioInput = styled.input` diff --git a/frontend/src/components/roomForm/RoomFormLayout.tsx b/frontend/src/components/roomForm/RoomFormLayout.tsx index 8ddbd9b1..b13aa968 100644 --- a/frontend/src/components/roomForm/RoomFormLayout.tsx +++ b/frontend/src/components/roomForm/RoomFormLayout.tsx @@ -330,28 +330,24 @@ const RoomFormLayout = ({ formType, roomId, data }: RoomFormLayoutProps) => { 방 공개 여부 - - - handleInputChange("isPrivate", true)} - /> - - - - handleInputChange("isPrivate", false)} - /> - 아니요 - - + + handleInputChange("isPrivate", true)} + /> + + handleInputChange("isPrivate", false)} + /> + 아니요 + diff --git a/frontend/src/pages/roomDetail/RoomDetailPage.style.ts b/frontend/src/pages/roomDetail/RoomDetailPage.style.ts index 1b6426f2..74f16f5e 100644 --- a/frontend/src/pages/roomDetail/RoomDetailPage.style.ts +++ b/frontend/src/pages/roomDetail/RoomDetailPage.style.ts @@ -24,6 +24,7 @@ export const ImgWithError = styled.div` export const EditButtonWrapper = styled.div` position: absolute; + top: 8px; left: 100px; `; diff --git a/frontend/src/pages/roomDetail/RoomDetailPage.tsx b/frontend/src/pages/roomDetail/RoomDetailPage.tsx index aa7ec288..b86e4a9e 100644 --- a/frontend/src/pages/roomDetail/RoomDetailPage.tsx +++ b/frontend/src/pages/roomDetail/RoomDetailPage.tsx @@ -96,11 +96,13 @@ const RoomDetailPage = () => { - - navigate(`/rooms/edit/${roomId}`)}> - 수정 - - + {roomInfo.roomStatus === "OPEN" && roomInfo.participationStatus === "MANAGER" && ( + + navigate(`/rooms/edit/${roomId}`)}> + 수정 + + + )}