From 6b195410a91f305e8a004e8e3a6fcd6ed27fc27d Mon Sep 17 00:00:00 2001
From: Sebin Nyshkim <sebin.nyshkim@icloud.com>
Date: Mon, 21 Dec 2020 12:42:05 +0100
Subject: [PATCH] feat: :lipstick: update navbar to be more noticable below the
 fold

---
 src/components/Navbar.vue | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/components/Navbar.vue b/src/components/Navbar.vue
index def5338..37fcf93 100644
--- a/src/components/Navbar.vue
+++ b/src/components/Navbar.vue
@@ -69,8 +69,7 @@ export default {
 
 .nav {
   &--fixed .nav__list {
-    backdrop-filter: blur(1em);
-    background-color: rgba($bg-color-dark, 0.5);
+    background-color: $bg-color-light;
     position: fixed;
     top: 0;
     left: 0;
@@ -80,7 +79,7 @@ export default {
 
 .nav__list {
   margin: 0;
-  padding: 0;
+  padding: 0 0.5em;
 
   list-style-type: none;
 
@@ -95,7 +94,7 @@ export default {
 }
 
 .nav__item {
-  padding: 0.5em 0.5em;
+  padding: 0.5em 0.375em;
   white-space: nowrap;
 }