디자인 수정 (#75)

* fix: 라우터 추가 * fix: 레이아웃 수정
our-bbang · Nov 1, 2023 · 79628d3 · 79628d3
1 parent cdcf0bf
commit 79628d3
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 3 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -30,6 +30,7 @@ function App() {
             <Routes>
               <Route path={'/'} element={<LandingPage />} />
               <Route path={'/home'} element={<HomePage />} />
+              <Route path={'/home/*'} element={<HomePage />} />
               <Route path={'/write'} element={<WritePage />} />
               <Route path={'/userinfo'} element={<UserInfoPage />} />
               <Route path={'/plan/:planId'} element={<PlanPage />} />

diff --git a/src/components/plan/PlanText.tsx b/src/components/plan/PlanText.tsx
@@ -88,7 +88,7 @@ const GoalContainer = styled.div`
   height: 90px;
   padding: 6px;
   border-radius: 8px;
-  background-color: white;
+  background-color: transparent;
 
   display: flex;
   align-items: center;
@@ -101,7 +101,7 @@ const GoalText = styled.div`
   font-family: 'PretendardMedium';
   font-size: 14px;
   line-height: 15px;
-  color: ${({ theme }) => theme.colors.gray_900};
+  color: white;
   word-wrap: keep-all;
 `;
 

diff --git a/src/components/planedit/EditButtons.tsx b/src/components/planedit/EditButtons.tsx
@@ -78,6 +78,7 @@ const DoneBtn = styled(Button)`
 
 const EditInfoText = styled.div`
   width: 390px;
+  padding: 0 20px;
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -88,7 +89,6 @@ const EditInfoText = styled.div`
   }
 
   div {
-    flex: 1;
     font-family: 'PretendardMedium';
     font-size: 14px;
     color: #525463;

diff --git a/src/pages/Mypage/index.tsx b/src/pages/Mypage/index.tsx
@@ -66,6 +66,7 @@ const InfoContainer = styled.div`
   display: flex;
   flex-direction: column;
   width: 390px;
+  padding: 0 30px;
   margin-top: 30px;
 `;