Merge pull request #248 from TheUpperPart/Design/#247

Design/#247 마이페이지 및 헤더 드롭다운 디자인 변경
TheUpperPart · Nov 21, 2023 · 03cfd21 · 03cfd21
2 parents 557e3b9 + 9521b46
commit 03cfd21
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/src/components/Header/Header.tsx b/src/components/Header/Header.tsx
@@ -183,9 +183,9 @@ const DropDown = styled.ul<{ click: boolean }>`
   width: 10rem;
 
   top: 5.5rem;
-  right: 0rem;
+  right: 2.5rem;
 
-  color: black;
+  color: #020202;
 `;
 
 const DropList = styled.li`
@@ -200,5 +200,5 @@ const DropList = styled.li`
   color: #000000;
 
   height: 4rem;
-  border: 1px solid black;
+  border: 1px solid #020202;
 `;
diff --git a/src/pages/mypage.tsx b/src/pages/mypage.tsx
@@ -147,6 +147,7 @@ export const getServerSideProps = async (context: GetServerSidePropsContext) =>
 
 const Container = styled.div`
   margin: 0 auto;
+  color: #020202;
 `;
 
 const Wrapper = styled.div`
@@ -157,13 +158,14 @@ const Wrapper = styled.div`
 `;
 
 const Contents = styled.div`
-  width: 60rem;
-  background-color: #edede9;
+  width: 50rem;
+  background-color: #f2f2f2;
   border-radius: 2rem;
 `;
 
 const Title = styled.h2`
   text-align: center;
+  margin: 2rem 0;
 `;
 
 const Content = styled.div`