From 18b5fe4a5bc5b75de0bdf2fcd9b55cd11ec7439a Mon Sep 17 00:00:00 2001
From: Rui Soares <rui.rprs3@gmail.com>
Date: Wed, 11 Dec 2024 01:14:30 +0000
Subject: [PATCH] added navbar background that hides content under

---
 src/app.css                                       | 8 ++++++++
 src/routes/(app)/_components/layout/navbar.svelte | 2 +-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/app.css b/src/app.css
index 8cfa93a..f179ef0 100644
--- a/src/app.css
+++ b/src/app.css
@@ -22,6 +22,14 @@ body {
     linear-gradient(180deg, rgba(56, 0, 2, 1), rgba(97, 14, 17, 1));
 }
 
+.bg-ni-navbar {
+  background-image: linear-gradient(
+    180deg,
+    rgba(179, 54, 54, 1) 0%,
+    rgba(162, 49, 49, 1) 100%
+  )
+}
+
 .footer-icons svg,
 .footer-icons path {
   pointer-events: none;
diff --git a/src/routes/(app)/_components/layout/navbar.svelte b/src/routes/(app)/_components/layout/navbar.svelte
index 336777d..ba9cd58 100644
--- a/src/routes/(app)/_components/layout/navbar.svelte
+++ b/src/routes/(app)/_components/layout/navbar.svelte
@@ -1,5 +1,5 @@
 <nav
-  class="fixed hidden h-min w-full grid-cols-2 items-center justify-center px-7 py-2 font-raleway text-xs text-white sm:grid sm:text-base"
+  class="fixed z-30 hidden h-min w-full grid-cols-2 items-center justify-center px-7 py-2 font-raleway text-xs text-white sm:grid sm:text-base bg-ni-topnav"
   aria-label="Navigation Bar"
 >
   <div class="flex w-full justify-start">