feat: RuleEdit 스타일 수정

Here-You · Feb 17, 2024 · adbb025 · adbb025
1 parent ec994f0
commit adbb025
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 9 deletions.
diff --git a/src/pages/mate/ruleEdit/RuleEdit.jsx b/src/pages/mate/ruleEdit/RuleEdit.jsx
@@ -84,6 +84,7 @@ const RuleEditPage = () => {
       rulePairs: sortedRulePairs,
       membersId: extractMembersId,
     };
+    console.log(postDataWithId);
 
     updateTeamMateRule(ruleId, { postDataWithId })
       .then(() => {
@@ -155,7 +156,7 @@ const RuleEditPage = () => {
           )}
         </S.AddButtonWrapper>
       </S.Wrapper>
-      <S.SubmitBtn onClick={handleSubmitRule}>저장하기</S.SubmitBtn>
+      <S.SubmitBtn onClick={handleSubmitRule}>수정하기</S.SubmitBtn>
     </S.Container>
   );
 };

diff --git a/src/pages/mate/ruleEdit/RuleEdit.style.js b/src/pages/mate/ruleEdit/RuleEdit.style.js
@@ -5,13 +5,11 @@ import theme from '@/theme';
 
 const Container = styled.div`
   ${theme.ALIGN.COLUMN_CENTER};
-  width: 100%;
-  height: 100%;
 `;
 
 const Wrapper = styled.div`
   width: 80%;
-  height: 80%;
+  height: 900px;
   overflow-y: scroll;
 
   border: 2px solid ${theme.COLOR.MAIN.HEAVY_GREEN};
@@ -29,7 +27,7 @@ const Wrapper = styled.div`
 
 const Header = styled.div`
   ${theme.ALIGN.COLUMN_CENTER};
-  gap: 3px;
+  gap: 20px;
 
   h1 {
     ${theme.ALIGN.ROW_CENTER};
@@ -56,11 +54,8 @@ const PlusSvg = styled.img`
 `;
 
 const MatesContainer = styled.div`
-  display: flex;
+  ${theme.ALIGN.ROW_CENTER};
   gap: 2px;
-  width: 90%;
-  overflow: scroll;
-  flex: flex-end;
 `;
 
 const MatesImages = styled.img`