Add padding for site-nav and content wrapper

MarkBind · Sep 17, 2020 · 586d961 · 586d961
1 parent 738fe0a
commit 586d961
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/packages/core-web/src/index.js b/packages/core-web/src/index.js
@@ -32,7 +32,7 @@ function setupAnchorsForFixedNavbar() {
   const headerHeight = headerSelector.height();
   const bufferHeight = 1;
   jQuery('.nav-inner').css('padding-top', `calc(${headerHeight}px + 1rem)`);
-  jQuery('#content-wrapper').css('padding-top', `calc(${headerHeight}px)`);
+  jQuery('#content-wrapper').css('padding-top', `calc(${headerHeight}px + 0.8rem)`);
   insertCss(
     `span.anchor {
     position: relative;

diff --git a/packages/core-web/src/styles/markbind.css b/packages/core-web/src/styles/markbind.css
@@ -134,7 +134,7 @@ header[fixed] {
     margin: 0 auto;
     min-width: 0;
     max-width: 1000px;
-    padding: 0 20px;
+    padding: 0.8rem 20px 0 20px;
     transition: 0.4s;
     -webkit-transition: 0.4s;
 }

diff --git a/packages/core-web/src/styles/site-nav.css b/packages/core-web/src/styles/site-nav.css
@@ -12,6 +12,7 @@
 }
 
 #site-nav .nav-inner {
+    padding-bottom: 20px;
     max-height: 100vh;
 }