From 7f2d8af1f0ec17e381328aa0b13b8651f1d9deb8 Mon Sep 17 00:00:00 2001
From: suu3 <dev.suu3@gmail.com>
Date: Fri, 1 Mar 2024 05:07:47 +0900
Subject: [PATCH] [style] mobile

---
 src/components/@core/layout.tsx              | 5 ++---
 src/components/@layout/navigation.module.css | 3 ++-
 src/components/@layout/navigation.tsx        | 2 +-
 src/styles/global.css                        | 2 +-
 src/templates/blog-post.module.css           | 2 +-
 5 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/@core/layout.tsx b/src/components/@core/layout.tsx
index 0d014be0..bbf48b5e 100644
--- a/src/components/@core/layout.tsx
+++ b/src/components/@core/layout.tsx
@@ -8,10 +8,9 @@ const Layout = ({ location, children }) => {
 
   return (
     <>
+      <Navigation />
       <div className="global-wrapper" data-is-root-path={isRootPath}>
-        <header className="global-header">
-          <Navigation />
-        </header>
+        <header className="global-header"></header>
         {children}
       </div>
       <Footer />
diff --git a/src/components/@layout/navigation.module.css b/src/components/@layout/navigation.module.css
index 79aa6d53..a8982e4d 100644
--- a/src/components/@layout/navigation.module.css
+++ b/src/components/@layout/navigation.module.css
@@ -5,7 +5,7 @@
 .wrapper {
   transform: 0;
 
-  position: fixed;
+  position: sticky;
   top: 0;
   left: 0;
   right: 0;
@@ -41,6 +41,7 @@
 }
 
 .inner li {
+  list-style: none;
   /* display: inline-block; */
   margin: 0;
 
diff --git a/src/components/@layout/navigation.tsx b/src/components/@layout/navigation.tsx
index bf44ea22..e3fa5f34 100644
--- a/src/components/@layout/navigation.tsx
+++ b/src/components/@layout/navigation.tsx
@@ -4,7 +4,7 @@ import { Link } from "gatsby"
 import { SplitText } from "../split-text"
 import clsx from "clsx"
 import { ReactComponent as Github } from "/static/images/github.svg"
-import throttle from "lodash/throttle"
+// import throttle from "lodash/throttle"
 import { StaticImage } from "gatsby-plugin-image"
 
 const Navigation = () => {
diff --git a/src/styles/global.css b/src/styles/global.css
index c79004be..796d7a81 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -281,7 +281,7 @@ a:focus {
   /* background-color: var(--background-color); */
   margin: var(--spacing-0) auto;
   max-width: var(--maxWidth-wrapper);
-  padding: var(--spacing-16) 0 var(--spacing-10);
+  padding: var(--spacing-8) 0 var(--spacing-10);
 
   position: relative;
 }
diff --git a/src/templates/blog-post.module.css b/src/templates/blog-post.module.css
index fd5b7e7a..d0383c3f 100644
--- a/src/templates/blog-post.module.css
+++ b/src/templates/blog-post.module.css
@@ -1,7 +1,7 @@
 .blog-post {
   border-radius: 20px;
   border: 1px solid #2a2b31;
-  margin: 67px 0 50px 0;
+  margin: 10px 0 50px 0;
   /* background: var(--background-color); */
   /* margin-bottom: var(--spacing-10); */
 }