diff --git a/packages/react-components/src/components/FlareLogoLoading.css b/packages/react-components/src/components/FlareLogoLoading.css index c538b0c..228b946 100644 --- a/packages/react-components/src/components/FlareLogoLoading.css +++ b/packages/react-components/src/components/FlareLogoLoading.css @@ -7,7 +7,10 @@ .flare-logo-loading-svg { transform-origin: 50% 50%; - animation: rotate-flare-logo 0.4s linear infinite; + animation-name: rotate-flare-logo; + animation-iteration-count: infinite; + animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1); + animation-duration: .8s; } /* Animations */ diff --git a/packages/react-components/src/components/icons/FlareLogo.tsx b/packages/react-components/src/components/icons/FlareLogo.tsx index 65eedfb..7e6e795 100644 --- a/packages/react-components/src/components/icons/FlareLogo.tsx +++ b/packages/react-components/src/components/icons/FlareLogo.tsx @@ -12,72 +12,78 @@ const FlareLogo: FC<{ remSize: number; hidden?: boolean }> = ({ remSize, hidden - - - - - - + + - - + + - - + + - - + + + + + + + + );