Fix

clerk · Dec 20, 2024 · c642d70 · c642d70
1 parent e9aea8f
commit c642d70
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/packages/clerk-js/src/ui/components/KeylessPrompt/index.tsx b/packages/clerk-js/src/ui/components/KeylessPrompt/index.tsx
@@ -39,7 +39,7 @@ const _KeylessPrompt = (_props: KeylessPromptProps) => {
           background: 'linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0) 100%), #1f1f1f',
           boxShadow:
             '0px 0px 0px 0.5px #2f3037 inset, 0px 1px 0px 0px rgba(255, 255, 255, 0.08) inset, 0px 0px 1px 1px rgba(255, 255, 255, 0.15) inset, 0px 0px 1px 0px rgba(255, 255, 255, 0.72), 0px 16px 36px -6px rgba(0, 0, 0, 0.36), 0px 6px 16px -2px rgba(0, 0, 0, 0.2)',
-          transition: 'all 290ms cubic-bezier(0.2, 0.98, 0.1, 1)',
+          transition: 'all 290ms cubic-bezier(0.36, 0.98, 0.1, 1)',
 
           '&[data-expanded="true"]': {
             flexDirection: 'column',
@@ -322,7 +322,7 @@ const _KeylessPrompt = (_props: KeylessPromptProps) => {
               line-height: 1rem;
               max-width: 14.625rem;
               min-height: 2rem;
-              animation: show-description 210ms ease forwards;
+              animation: show-description 208ms ease forwards;
 
               @keyframes show-description {
                 from {
@@ -395,7 +395,7 @@ const _KeylessPrompt = (_props: KeylessPromptProps) => {
               0px 1.5px 2px 0px rgba(0, 0, 0, 0.48),
               0px 0px 4px 0px rgba(243, 107, 22, 0) inset;
 
-            transition: all 120ms cubic-bezier(0.1, 0.7, 0.1, 1);
+            transition: all 142ms cubic-bezier(0.18, 0.8, 0.1, 1);
             animation: small-btn-glow 3s infinite 500ms;
 
             @media (prefers-reduced-motion: reduce) {