jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

Fixed build animation

Browse source
This commit is contained in:
Lucas Oliveira 2024-01-30 16:36:22 +01:00
commit 0257e99288
2 changed files with 6 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/frontend/src/CustomNodes/GenericNode/index.tsx
View file

@ -383,14 +383,14 @@ export default function GenericNode({
)
}
>
<div className="generic-node-status-position flex items-center">
<div className="generic-node-status-position flex items-center justify-center">
<IconComponent
name="Zap"
className={classNames(
validationStatus && validationStatus.valid
? "green-status"
: "status-build-animation",
"h-5 stroke-1"
"h-5 stroke-1 absolute"
)}
/>
<IconComponent
@ -399,7 +399,7 @@ export default function GenericNode({
validationStatus && !validationStatus.valid
? "red-status"
: "status-build-animation",
"h-5 stroke-1"
"h-5 stroke-1 absolute"
)}
/>
<IconComponent
@ -408,7 +408,7 @@ export default function GenericNode({
!validationStatus || isBuilding
? "yellow-status"
: "status-build-animation",
"h-5 stroke-1"
"h-5 stroke-1 absolute"
)}
/>
</div>

4
src/frontend/src/style/applies.css
View file

@ -290,7 +290,7 @@
@apply hidden h-4 w-4 animate-spin rounded-full bg-ring opacity-0;
}
.generic-node-status {
@apply opacity-100;
@apply opacity-100 animate-wiggle;
}
.green-status {
@apply generic-node-status text-status-green fill-status-green;
@ -302,7 +302,7 @@
@apply generic-node-status text-status-yellow fill-status-yellow;
}
.status-build-animation {
@apply hidden animate-spin text-ring opacity-0;
@apply opacity-0;
}
.status-div {
@apply absolute w-4 duration-200 ease-in-out;