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

Added shadow to node

Browse source
This commit is contained in:
Lucas Oliveira 2024-06-05 16:01:32 -03:00
commit 664184915e
3 changed files with 5 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/frontend/src/customNodes/genericNode/index.tsx
View file

@ -339,7 +339,9 @@ export default function GenericNode({
}; };
const getBaseBorderClass = (selected) => { const getBaseBorderClass = (selected) => {
let className = selected ? "border border-ring" : "border"; let className = selected
? "border border-ring shadow-node"
: "border hover:shadow-node";
let frozenClass = selected ? "border-ring-frozen" : "border-frozen"; let frozenClass = selected ? "border-ring-frozen" : "border-frozen";
return data.node?.frozen ? frozenClass : className; return data.node?.frozen ? frozenClass : className;
}; };

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

@ -330,7 +330,7 @@
@apply grid w-full gap-4 p-4 md:grid-cols-2 lg:grid-cols-4; @apply grid w-full gap-4 p-4 md:grid-cols-2 lg:grid-cols-4;
} }
.generic-node-div { .generic-node-div {
@apply relative flex flex-col justify-center bg-background; @apply relative flex flex-col justify-center bg-background transition-all;
} }
.generic-node-div-title { .generic-node-div-title {
@apply flex w-full items-center gap-2 border-b bg-muted p-4; @apply flex w-full items-center gap-2 border-b bg-muted p-4;

1
src/frontend/tailwind.config.js
View file

@ -143,6 +143,7 @@ module.exports = {
}, },
boxShadow: { boxShadow: {
"frozen-ring": "0 0 10px 2px rgba(128, 190, 230, 0.5)", "frozen-ring": "0 0 10px 2px rgba(128, 190, 230, 0.5)",
node: "0 0px 15px -3px rgb(0 0 0 / 0.1), 0 0px 6px -4px rgb(0 0 0 / 0.1);",
"frosted-ring": "0 0 10px 2px rgba(128, 190, 230, 0.7)", "frosted-ring": "0 0 10px 2px rgba(128, 190, 230, 0.7)",
}, },
backdropBlur: { backdropBlur: {