fix: navbar css

TrebledJ · Nov 27, 2023 · 250cb6c · 250cb6c
1 parent ca29dcf
commit 250cb6c
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/assets/scss/_navbar.scss b/assets/scss/_navbar.scss
@@ -7,16 +7,14 @@ header {
 
 /* Navigation Bar */
 .navbar {
-    padding-left: 2vw;
-    padding-right: 2vw;
+    --bs-navbar-padding-x: 2vw !important;
     background-color: var(--main-background-color);
     border-bottom: 1px solid var(--border-color);
     box-shadow: 0 8px 20px rgba(0, 0, 0, .05);
     width: 100vw;
 
     @include media-breakpoint-down(md) {
-        padding-left: 0;
-        padding-right: 0;
+        --bs-navbar-padding-x: 0 !important;
     }
 }
 
@@ -55,6 +53,7 @@ header {
 .nav-icon {
     font-size: 25px;
     color: var(--accent-color);
+    vertical-align: sub;
 }
 
 #mode-switch {

diff --git a/eleventy/markdown.js b/eleventy/markdown.js
@@ -60,6 +60,7 @@ module.exports = function (eleventyConfig) {
   });
 
   eleventyConfig.addFilter('tocFast', function (content) {
+    // TODO: refactor as cacheByOutputPath decorator
     const key = this.page.outputPath;
     if (tocMemo[key] !== undefined)
       return tocMemo[key];