Merge pull request #420 from Chaem03/feature/#349

🎨 Design: 맞춤형루틴박스 수정
LikeLion-at-DGU · Aug 6, 2024 · f7f1ccc · f7f1ccc
2 parents 2724797 + 5b45b51
commit f7f1ccc
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 8 deletions.
diff --git a/src/components/RoutineChange/RoutineChange.jsx b/src/components/RoutineChange/RoutineChange.jsx
@@ -84,7 +84,7 @@ const ChangeRoutine = ({ onCategoriesUpdate }) => {
           width="50%"
           height="40px"
           $radius="15px"
-          $background="rgba(196, 217, 226, 0.50)"
+          $background="#78A1B5"
           onClick={handleSubmit}
           $isDisabled={!isAnyCategorySelected}
         >

diff --git a/src/components/RoutineChange/styled.js b/src/components/RoutineChange/styled.js
@@ -1,16 +1,14 @@
 import styled from "styled-components";
-import BACKGROUND from "../../assets/background.svg";
 
 export const RoutineLayout = styled.div`
   width: 100%;
   min-height: 100vh;
   display: flex;
   align-items: center;
   flex-direction: column;
-  background-image: url(${BACKGROUND});
   background-repeat: none;
   background-size: cover;
-  gap: 4rem;
+  gap: 3rem;
 `;
 export const CategoryWrapper = styled.div`
   display: flex;
@@ -21,8 +19,8 @@ export const CategoryView = styled.div`
   display: flex;
   flex-wrap: wrap;
   gap: 1rem;
-  width: 270px;
-  justify-content: flex-start;
+
+  justify-content: center;
 `;
 export const CutomTitle = styled.p`
   font-family: "AppleSDGothicNeoSB";
@@ -32,6 +30,8 @@ export const CutomTitle = styled.p`
   line-height: normal;
   color: black;
   padding: 2rem;
+  display: flex;
+  align-self: flex-start;
 `;
 export const SelectView = styled.div`
   width: 100%;

diff --git a/src/pages/User/style.js b/src/pages/User/style.js
@@ -134,8 +134,7 @@ export const CategoryView = styled.div`
   display: flex;
   flex-wrap: wrap;
   gap: 1rem;
-  width: 270px;
-  justify-content: flex-start;
+  justify-content: center;
 `;
 
 export const TitleView = styled.div`