migrated modal to radix-ui

2023-02-23 08:31:44 +07:00
parent 8a79938391
commit 76df6dbacf
6 changed files with 447 additions and 150 deletions
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -41,9 +41,19 @@ module.exports = {
          '0%': { transform: 'translateY(-50%) rotate(0deg)' },
          '100%': { transform: 'translateY(-50%) rotate(360deg)' },
        },
+        overlayShow: {
+          from: { opacity: 0 },
+          to: { opacity: 1 },
+        },
+        contentShow: {
+          from: { opacity: 0, transform: 'translate(-50%, -48%) scale(0.96)' },
+          to: { opacity: 1, transform: 'translate(-50%, -50%) scale(1)' },
+        },
      },
      animation: {
        disco: 'disco 1.5s linear infinite',
+        overlayShow: 'overlayShow 150ms cubic-bezier(0.16, 1, 0.3, 1)',
+        contentShow: 'contentShow 150ms cubic-bezier(0.16, 1, 0.3, 1)',
      },
    },
  },