fix: set toastie timeout to 3 seconds

fabriciomoeller · Jun 5, 2021 · ad64ba1 · ad64ba1
1 parent 1c0798e
commit ad64ba1
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 11 deletions.
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -4,18 +4,19 @@ module.exports = {
     node: true,
   },
   extends: [
-    'plugin:vue/vue3-essential',
-    'eslint:recommended',
-    '@vue/typescript/recommended',
-    '@vue/prettier',
-    '@vue/prettier/@typescript-eslint',
+    "plugin:vue/vue3-essential",
+    "eslint:recommended",
+    "@vue/typescript/recommended",
+    "@vue/prettier",
+    "@vue/prettier/@typescript-eslint",
+    "prettier",
   ],
   parserOptions: {
     ecmaVersion: 2020,
   },
   rules: {
-    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
-    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
-    '@typescript-eslint/camelcase': 'off',
+    "no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
+    "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off",
+    "@typescript-eslint/camelcase": "off",
   },
 };
diff --git a/.prettierrc b/.prettierrc
@@ -0,0 +1,4 @@
+{
+  "trailingComma": "es5",
+  "singleQuote": true
+}
diff --git a/src/components/molecules/Toastie.vue b/src/components/molecules/Toastie.vue
@@ -48,7 +48,7 @@ export default defineComponent({
   },
 
   beforeMount() {
-    this.counter = setTimeout(this.killSelf, 5000);
+    this.counter = setTimeout(this.killSelf, 3000);
   },
 
   beforeUnmount() {
@@ -63,15 +63,15 @@ export default defineComponent({
 <style lang="postcss" scoped>
 .toastie__alert {
   @apply inline-flex shadow-sm relative;
-  animation: dropDown 5s cubic-bezier(0.18, 0.89, 0.32, 1.27);
+  animation: dropDown 3s cubic-bezier(0.18, 0.89, 0.32, 1.27);
 }
 
 .toastie__bar {
   @apply absolute left-0 bottom-0 right-0;
   height: 4px;
   backdrop-filter: brightness(80%);
   transform-origin: left center;
-  animation: preloader 4.8s linear;
+  animation: preloader 3s linear;
 }
 
 .toastie__close {