Added box shadow to navbar

yamanidev · Nov 20, 2023 · e3cb51d · e3cb51d
1 parent 205b56c
commit e3cb51d
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro
@@ -2,7 +2,7 @@
 
 ---
 
-<nav class="bg-white">
+<nav class="shadow-navbar bg-white">
   <div class="mx-auto flex max-w-7xl flex-col px-4 py-6 sm:flex-row">
     <a href="/" class="text-center">Logo here</a>
     <ul

diff --git a/tailwind.config.mjs b/tailwind.config.mjs
@@ -11,6 +11,9 @@ export default {
       },
       fontFamily: {
         alexandria: ['Alexandria', 'sans-serif']
+      },
+      boxShadow: {
+        navbar: '0px 4px 30px 0px rgba(0, 0, 0, 0.04)'
       }
     }
   },