From 806ec3212e7a12a72ee23785232c1c6833128cd3 Mon Sep 17 00:00:00 2001 From: devhaeun Date: Tue, 28 Jan 2025 16:40:00 +0900 Subject: [PATCH] =?UTF-8?q?Design:=20=ED=97=A4=EB=8D=94=20=EC=83=81?= =?UTF-8?q?=EB=8B=A8=20=EB=A1=9C=EA=B7=B8=EC=9D=B8=20=EB=93=B1=20=EB=A9=94?= =?UTF-8?q?=EB=89=B4=20=EC=9C=84=EC=B9=98=20=EC=88=98=EC=A0=95=20#1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 헤더 상단에 위치한 로그인/알림/설정 메뉴 위치 수정 헤더 하단 구분선을 border-bottom 속성에서 없애고 바깥에 div 요소로 구분 --- src/components/ContainerLarge.tsx | 2 -- src/components/Header.tsx | 9 ++++++++- 2 files changed, 8 insertions(+), 3 deletions(-) diff --git a/src/components/ContainerLarge.tsx b/src/components/ContainerLarge.tsx index 8e1ac5b..42b2fff 100644 --- 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 index 06a1a28..00e8ca5 100644 --- a/src/components/Header.tsx +++ b/src/components/Header.tsx @@ -32,6 +32,7 @@ const Header = () => { + ); } @@ -201,4 +202,10 @@ const IconHamburgerDiv = styled.div` // padding: 10px 10px 8px 11px; // cursor: pointer; // margin-left: 13px; -// ` \ No newline at end of file +// ` + +const Line = styled.div` + width: 100%; + height: 1px; + background: #E4E4E4; +` \ No newline at end of file