From 36469b20b361d3db7743c36162221ad6b5aa31c1 Mon Sep 17 00:00:00 2001
From: James Collins <james.collins@outlook.com.au>
Date: Wed, 12 Apr 2023 13:38:28 +1000
Subject: [PATCH] use variables

---
 resources/js/components/SMNavbar.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/resources/js/components/SMNavbar.vue b/resources/js/components/SMNavbar.vue
index e9a8a96..682b437 100644
--- a/resources/js/components/SMNavbar.vue
+++ b/resources/js/components/SMNavbar.vue
@@ -133,6 +133,8 @@ const handleClickNavBar = () => {
     z-index: 100;
     -webkit-backdrop-filter: blur(4px);
     backdrop-filter: blur(4px);
+    background-color: var(--navbar-color);
+    box-shadow: var(--base-shadow);
 
     &.sm-show-nav {
         #sm-nav {
@@ -161,6 +163,10 @@ const handleClickNavBar = () => {
 
         #sm-nav-toggle {
             padding: 23px;
+            -webkit-user-select: none;
+            -moz-user-select: none;
+            -ms-user-select: none;
+            user-select: none;
 
             &:hover {
                 background-color: hsla(0, 0%, 50%, 0.1);
@@ -187,10 +193,11 @@ const handleClickNavBar = () => {
             padding: 0;
 
             li a {
-                color: var(--base-colour-text);
+                color: var(--base-color-text);
                 display: block;
                 padding: 12px 24px;
                 margin: 0;
+                text-decoration: none;
 
                 &:hover {
                     text-decoration: none;