[CL-672] update mobile design of dialog (#14828)

--------- Co-authored-by: Vicki League <vleague@bitwarden.com>
2025-12-12 14:23:32 +00:00 · 2025-11-13 18:59:03 -08:00
parent 9a3ba9e05b
commit a55d0f02f2
30 changed files with 255 additions and 53 deletions
--- a/libs/components/tailwind.config.base.js
+++ b/libs/components/tailwind.config.base.js
@@ -167,6 +167,20 @@ module.exports = {
      container: {
        "@5xl": "1100px",
      },
+      keyframes: {
+        slideUp: {
+          "0%": { opacity: "0", transform: "translateY(50px)" },
+          "100%": { opacity: "1", transform: "translateY(0)" },
+        },
+        slideDown: {
+          "0%": { opacity: "0", transform: "translateY(-50px)" },
+          "100%": { opacity: "1", transform: "translateY(0)" },
+        },
+      },
+      animation: {
+        "slide-up": "slideUp 0.3s ease-out",
+        "slide-down": "slideDown 0.3s ease-out",
+      },
    },
  },
  plugins: [