Cutlery/moodist
1
0
Fork 0
mirror of https://github.com/remvze/moodist.git synced 2026-01-06 04:00:23 -05:00
Code Issues Packages Projects Releases Wiki Activity

style: change button animation

Browse Source
This commit is contained in:
MAZE 2023-10-31 12:41:27 +03:30
parent c44a86361e
commit 6983559032
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/buttons/unselect/unselect.tsx
View File

@ -15,7 +15,10 @@ export function UnselectButton() {
const hasHistory = useSoundStore(state => !!state.history);
const unselectAll = useSoundStore(state => state.unselectAll);
const variants = mix(fade(), slideX(10));
const variants = {
...mix(fade(), slideX(15)),
exit: { opacity: 0 },
};
return (
<>
@ -23,7 +26,7 @@ export function UnselectButton() {
{(!noSelected || hasHistory) && (
<motion.div
animate="show"
exit="hidden"
exit="exit"
initial="hidden"
variants={variants}
>