From c642d703571982683a512b1c1f14b278964b9e1f Mon Sep 17 00:00:00 2001 From: kaftarmery Date: Fri, 20 Dec 2024 14:12:31 +0300 Subject: [PATCH] Fix --- packages/clerk-js/src/ui/components/KeylessPrompt/index.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/clerk-js/src/ui/components/KeylessPrompt/index.tsx b/packages/clerk-js/src/ui/components/KeylessPrompt/index.tsx index 7f7bbcba6a..43ce5512da 100644 --- 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) {