From 6fbf7453a4752a37cbae25ec8b3eec3be1aebb3b Mon Sep 17 00:00:00 2001 From: parkchanyoung0710 Date: Thu, 20 Mar 2025 00:29:38 +0900 Subject: [PATCH] =?UTF-8?q?=EC=88=98=EC=A0=95=20=EC=99=84=EB=A3=8C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/common/InformationBar/InformationBar.jsx | 8 ++++---- src/components/common/Navbar/Navbar.jsx | 3 ++- src/pages/RollingPaperList/RollingPaperListPage.jsx | 7 ++----- 3 files changed, 8 insertions(+), 10 deletions(-) diff --git a/src/components/common/InformationBar/InformationBar.jsx b/src/components/common/InformationBar/InformationBar.jsx index 7bbbd33..cfab435 100644 --- a/src/components/common/InformationBar/InformationBar.jsx +++ b/src/components/common/InformationBar/InformationBar.jsx @@ -188,9 +188,9 @@ const SeparatorContainer = styled.div` `; const InformationBarWrapper = styled.nav` - position:fixed; - z-index:998; - top:58px; + position: sticky; + z-index:999; + top:65px; display: flex; justify-content: center; width: 100%; @@ -262,7 +262,7 @@ const ToName = styled.div` font-size: 24px; margin-right: 0; margin-bottom: 10px; - top:10px; + top:-52px; position: absolute; } `; diff --git a/src/components/common/Navbar/Navbar.jsx b/src/components/common/Navbar/Navbar.jsx index 9ae2811..725e46a 100644 --- a/src/components/common/Navbar/Navbar.jsx +++ b/src/components/common/Navbar/Navbar.jsx @@ -4,7 +4,8 @@ import { LogoImg } from "../../../assets/images/icon/IconIndex"; import styled from "styled-components"; const NavbarWrapper = styled.nav` - position:fixed; + position: sticky; + top:0; z-index:999; display: flex; justify-content: center; diff --git a/src/pages/RollingPaperList/RollingPaperListPage.jsx b/src/pages/RollingPaperList/RollingPaperListPage.jsx index 8c25007..0a83766 100644 --- a/src/pages/RollingPaperList/RollingPaperListPage.jsx +++ b/src/pages/RollingPaperList/RollingPaperListPage.jsx @@ -39,7 +39,7 @@ const TitleWrapper = styled.div` background-color: #ffffff; z-index: 10; padding: 10px 0; - + `; @@ -60,11 +60,8 @@ const ButtonWrapper = styled.div` justify-content: center; @media (max-width: 1199px) { - margin-top: 156px; + margin-bottom:24px; } - @media (max-width: 767px) { - margin-top: 66px; - } `;