[style] mobile

suu3 · Feb 29, 2024 · 7f2d8af · 7f2d8af
1 parent 92cf237
commit 7f2d8af
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 7 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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); */
 }