Edit nav menus style

pythonkr · Oct 6, 2024 · a869eee · a869eee
1 parent 44c441f
commit a869eee
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/src/components/Nav/index.tsx b/src/components/Nav/index.tsx
@@ -98,10 +98,16 @@ const Menu = styled.div`
  user-select: none;
 
  @media only screen and (min-width: 810px) {
+ padding: 0 0.5rem;
  & + & {
  border-left: 1px solid;
  height: 1rem;
- padding-left: 0.5rem;
+ }
+ &:first-of-type {
+ padding-left: 0;
+ }
+ &:last-of-type {
+ padding-right: 0;
  }
  }
 

diff --git a/src/components/common/Page/style.scss b/src/components/common/Page/style.scss
@@ -154,8 +154,6 @@ body {
  color: $peach-puzz;
  text-align: center;
 
- gap: 1vw;
-
  & > .menu-item {
  display: flex;
  justify-content: center;