devops/encoach_frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix animations

Browse Source
This commit is contained in:
Joao Correia
2025-01-25 15:10:52 +00:00
parent 2eff08bf86
commit 2c0153e055
4 changed files with 29 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/ApprovalWorkflows/WorkflowForm.tsx
View File

@@ -95,12 +95,8 @@ export default function WorkflowForm({ workflow, onWorkflowChange, entityTeacher
<>
{workflow.entityId && workflow.name &&
<div>
<motion.div
<div
className="flex flex-col gap-6"
initial={{ opacity: 0, y: 20 }}
animate={{ opacity: 1, y: 0 }}
exit={{ opacity: 0, x: 20 }}
transition={{ duration: 0.3 }}
>
<Tip text="Introduce here all the steps associated with this instance." />
<Button
@@ -113,7 +109,7 @@ export default function WorkflowForm({ workflow, onWorkflowChange, entityTeacher
<IoIosAddCircleOutline className="size-6" />
Add Step
</Button>
</motion.div>
</div>
<Reorder.Group
axis="y"
@@ -126,10 +122,10 @@ export default function WorkflowForm({ workflow, onWorkflowChange, entityTeacher
<Reorder.Item
key={step.key}
value={step}
initial={{ opacity: 0, y: 20 }}
initial={{ opacity: 0, y: -30 }}
animate={{ opacity: 1, y: 0 }}
exit={{ opacity: 0, x: 20 }}
transition={{ duration: 0.3 }}
exit={{ opacity: 0, x: 30 }}
transition={{ duration: 0.20 }}
layout
drag={!(step.firstStep || step.finalStep)}
>

2
src/components/ApprovalWorkflows/WorkflowStepComponent.tsx
View File

@@ -29,7 +29,7 @@ export default function WorkflowStepComponent({
return (
<div
onClick={onClick}
className={clsx("flex flex-row gap-5 w-[600px] p-6 my-4 rounded-2xl transition ease-in-out duration-300 disabled:cursor-not-allowed cursor-pointer", {
className={clsx("flex flex-row gap-5 w-[600px] p-6 mb-5 rounded-2xl transition ease-in-out duration-300 cursor-pointer", {
"bg-mti-purple-ultralight": selected,
})}
>