From c749a760b8e240fe158e1820d72d9c0e8f13096d Mon Sep 17 00:00:00 2001
From: Sam Carlton <ThatGuySam@users.noreply.github.com>
Date: Thu, 1 Oct 2020 12:56:32 -0500
Subject: [PATCH] Only use blurred bg when menu is open

---
 components/navbar.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

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