From 0f4267947810659dce854cf0e3494da82d80d8e9 Mon Sep 17 00:00:00 2001
From: eggy <eggyrules@gmail.com>
Date: Mon, 8 Aug 2022 11:03:16 -0400
Subject: [PATCH] feat: add hover for navbar

---
 components/Navbar.vue | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/components/Navbar.vue b/components/Navbar.vue
index 323fdb1..79a7fb7 100644
--- a/components/Navbar.vue
+++ b/components/Navbar.vue
@@ -45,12 +45,26 @@ html.dark nav img {
 ul {
   display: flex;
   align-items: center;
-  gap: 3rem;
+  gap: 1rem;
 }
 
 li {
   font-size: large;
+  border-radius: 0.5rem;
+  padding: 0.5rem;
+  padding-left: 1rem;
+  padding-right: 1rem;
 }
+
+li:hover:not(.home-text) {
+  --nav-active-color: lightgray;
+  background: var(--nav-active-color);
+}
+
+html.dark li:hover {
+  --nav-active-color: darkslategray;
+}
+
 li.home-text {
   font-size: x-large;
   font-weight: bold;