From 0acdaa9b78a1d3dd903bdad0020536c041415039 Mon Sep 17 00:00:00 2001
From: 18alantom <2.alan.tom@gmail.com>
Date: Mon, 7 Feb 2022 16:56:27 +0530
Subject: [PATCH] fix(ux): darken on active (preserve outline none)

---
 src/components/Button.vue | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/components/Button.vue b/src/components/Button.vue
index 5b86c369..7ebda16d 100644
--- a/src/components/Button.vue
+++ b/src/components/Button.vue
@@ -15,16 +15,16 @@ export default {
   props: {
     type: {
       type: String,
-      default: 'secondary'
+      default: 'secondary',
     },
     icon: {
       type: Boolean,
-      default: false
+      default: false,
     },
     disabled: {
       type: Boolean,
-      default: false
-    }
+      default: false,
+    },
   },
   computed: {
     style() {
@@ -39,9 +39,14 @@ export default {
     },
     _class() {
       return {
-        'opacity-50 cursor-not-allowed pointer-events-none': this.disabled
+        'opacity-50 cursor-not-allowed pointer-events-none': this.disabled,
       };
-    }
-  }
+    },
+  },
 };
 </script>
+<style scoped>
+button:focus {
+  filter: brightness(0.95);
+}
+</style>