From 582677abe14886497118765d79fa04a0d44844bf Mon Sep 17 00:00:00 2001 From: Hyeok Min Kwon Date: Sun, 6 Oct 2024 14:51:40 +0900 Subject: [PATCH] Edit nav menus style --- src/components/Nav/index.tsx | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/src/components/Nav/index.tsx b/src/components/Nav/index.tsx index e0f8c79..ffe2798 100644 --- a/src/components/Nav/index.tsx +++ b/src/components/Nav/index.tsx @@ -68,12 +68,16 @@ const Container = styled.div` const SubMenus = styled.div` display: none; position: absolute; - top: 90%; + top: 1.5rem; background-color: #141414; font-size: initial; font-weight: initial; + + @media only screen and (max-width: 810px) { + top: 0; + } `; const SubMenu = styled.div` @@ -99,9 +103,9 @@ const Menu = styled.div` @media only screen and (min-width: 810px) { padding: 0 0.5rem; + height: 1rem; & + & { border-left: 1px solid; - height: 1rem; } &:first-of-type { padding-left: 0;