Toast notification styling

2024-08-10 00:53:02 -04:00
parent dcb3012a01
commit 544cea9105
6 changed files with 177 additions and 9 deletions
--- a/web/config/tailwind.config.js
+++ b/web/config/tailwind.config.js
@ -6,6 +6,22 @@ export const theme = {
      syne: ['Syne', 'sans-serif'],
      inter: ['Inter', 'sans-serif'],
    },
+    animation: {
+      enter: 'enter 200ms ease-out',
+      leave: 'leave 200ms ease-in forwards',
+    },
+    keyframes: {
+      enter: {
+        '0%': { transform: 'scale(0.75) translateY(-110%)', opacity: 0 },
+        '25%': { opacity: 0 },
+        '100%': { transform: 'scale(1) translateX(0)', opacity: 1 },
+      },
+      leave: {
+        '0%': { transform: 'scale(1) translateX(0)', opacity: 1 },
+        '75%': { opacity: 0 },
+        '100%': { transform: 'scale(0.75) translateY(-110%)', opacity: 0 },
+      },
+    },
  },
 }