Edit nav menus style

pythonkr · Oct 6, 2024 · 582677a · 582677a
1 parent a869eee
commit 582677a
Showing 1 changed file with 6 additions and 2 deletions.
diff --git 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;