From 71700f292ba68a991750b1eb95b47381355390aa Mon Sep 17 00:00:00 2001
From: Sam Carlton <sam@sam.lc>
Date: Mon, 21 Sep 2020 18:24:19 -0500
Subject: [PATCH] Add blurred background to navbar

---
 components/navbar.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/components/navbar.vue b/components/navbar.vue
index 9ded0dc..e8b6095 100644
--- a/components/navbar.vue
+++ b/components/navbar.vue
@@ -1,6 +1,9 @@
 <template>
 
-    <nav class="fixed top-0 left-0 right-0">
+    <nav
+        class="fixed top-0 left-0 right-0 bg-blur z-navbar"
+        style="backdrop-filter: blur(15px);"
+    >
         <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
             <div class="flex justify-between h-16">
                 <div class="flex">