LumeWeb
/
web3toybox.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: improved animations

This commit is contained in:
Juan Di Toro 2023-09-06 22:46:36 +02:00
parent 4259108c7c
commit db75e9c0ed
1 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/lume/LumeIdentity.tsx
View File

@ -1,6 +1,6 @@
// src/components/sign-in-with-lume.tsx
import React from 'react';
import { AnimatePresence, motion } from 'framer-motion';
import { AnimatePresence, Variant, motion } from 'framer-motion';
import LumeLogoBg from '@/assets/lume-logo-bg.svg';
import { Button } from '@/components/ui/button';
@ -41,18 +41,18 @@ const LumeIdentity: React.FC<Props> = ({ onSignIn, onSignOut }) => {
};
const variants = {
hidden: { y: 50, opacity: 0 },
const variants: Record<string, Variant> = {
hidden: { y: 50, opacity: 0, position: 'absolute' },
show: {
y: 0,
opacity: 1,
position: 'relative',
transition: {
type: "spring",
stiffness: 100,
damping: 10
}
type: "tween",
ease: 'easeInOut'
},
},
exit: { y: -50, opacity: 0 }
exit: { y: -50, opacity: 0, position: 'absolute' }
};
const SwitchableComponent = () => {