fix: add blur background for opened alert

hassanpdn · Feb 26, 2023 · 5509e1d · 5509e1d
1 parent 659bc6e
commit 5509e1d
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 8 deletions.
diff --git a/src/components/Alert/VAlert.vue b/src/components/Alert/VAlert.vue
@@ -50,10 +50,20 @@
                   }
             },
             mounted(){
-                  document.querySelector('body').style.overflow = "hidden"
+                  const bodyElement = document.querySelector("body");
+                  bodyElement.style.overflow = "hidden";
+                  bodyElement.classList.add = "blur-sm";
+                  bodyElement.addEventListener('click', ()=> {
+                        return false
+                  })
             },
             beforeDestroy() { 
-                  document.querySelector('body').style.overflow = 'visible'
+                  const bodyElement = document.querySelector("body");
+                  bodyElement.style.overflow = "visible";
+                  bodyElement.classList.remove = "blur-sm";
+                  bodyElement.removeEventListener('click', ()=> {
+                        return false
+                  })
             },
       }
 </script>
diff --git a/src/components/Button/VButton.vue b/src/components/Button/VButton.vue
@@ -9,9 +9,9 @@
             active:bg-green-800 
             transition-colors 
             transition-shadows 
-            duration-500 
+            duration-500
             ease-linear"
-            :class="`${expanded ? 'w-full' : ''} ${bgColor} ${textColor} ${text}`"
+            :class="`${expanded ? 'w-full' : ''} ${bgColor} ${textColor}`"
             @click="handleClick"
       >
             <slot/>
@@ -26,10 +26,6 @@
                         type: Boolean,
                         default: false
                   },
-                  text: {
-                        type: String,
-                        default: ''
-                  },
                   textColor: {
                         type: String,
                         default: 'bg-gray-300'