Design: 헤더 상단 로그인 등 메뉴 위치 수정 #1

헤더 상단에 위치한 로그인/알림/설정 메뉴 위치 수정 헤더 하단 구분선을 border-bottom 속성에서 없애고 바깥에 div 요소로 구분
JMarketYard · Jan 28, 2025 · 806ec32 · 806ec32
1 parent 2482376
commit 806ec32
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/src/components/ContainerLarge.tsx b/src/components/ContainerLarge.tsx
@@ -74,9 +74,7 @@ export default ContainerLarge;
 const Wrapper = styled.div`
     display: flex;
     flex-direction: column;
-    width: 100%;
     height: 188px;
-    border-bottom: 1px solid #E4E4E4;
     padding: 0 25px;
     box-sizing: border-box;
     ${media.medium`

diff --git a/src/components/Header.tsx b/src/components/Header.tsx
@@ -32,6 +32,7 @@ const Header = () => {
                     <img src={icHeart} width={16} />
                 </TopRight>
             </ContainerSmall>
+            <Line />
         </>
     );
 }
@@ -201,4 +202,10 @@ const IconHamburgerDiv = styled.div`
 //     padding: 10px 10px 8px 11px;
 //     cursor: pointer;
 //     margin-left: 13px;
-// `
+// `
+
+const Line = styled.div`
+    width: 100%;
+    height: 1px;
+    background: #E4E4E4;
+`