lelii
/
humainflow-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

input/output node modified

This commit is contained in:
Lucio Lelii 2026-01-29 14:53:31 +01:00
parent a0bb023f80
commit 7b36044c33
2 changed files with 19 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/app/shared/nodes/input/input-node.component.html
View File

@ -1,10 +1,12 @@
<div class="cursor-move user-select-none rounded-xl bg-emerald-100 shadow-lg border border-gray-200 overflow-visible">
<!-- header/row relativa -->
<div class="relative w-full p-3 flex items-center justify-between">
<div class="relative w-full p-3 pt-0 flex items-center justify-between">
<div class="grid grid-cols-4 h-full">
<div class="col-span-4 text-ls mb-2 p-1 rounded-md text-green-700 font-bold">
{{ data.label }}
</div>
<div class="col-span-3 align-middle h-full flex justify-center flex-col">
<p class="text-ls font-bold text-gray-700">{{ data.label }}</p>
<p class="text-xs text-gray-500">Text</p>
<span class="inline-flex items-center rounded-md bg-green-50 px-2 py-1 text-xs font-medium text-green-700 inset-ring inset-ring-green-600/20">Text</span>
</div>
<div class="align-middle h-full flex flex-col justify-center items-end">
<div refComponent class="absolute right-1" [data]="{

23
src/app/shared/nodes/output/output-node.component.html
View File

@ -1,9 +1,12 @@
<div class="cursor-move user-select-none rounded-xl bg-red-100 shadow-lg border border-gray-200 overflow-visible">
<!-- header/row relativa -->
<div class="relative w-full p-3 flex items-center justify-between">
<div class="grid grid-cols-4 h-full gap-1">
<div class="align-middle h-full flex flex-col justify-center items-start">
<div refComponent class="absolute left-1"
<div class="relative w-full p-3 pt-0 flex items-center justify-between">
<div class="grid grid-cols-4 h-full">
<div class="col-span-4 text-ls mb-2 p-1 rounded-md text-red-700 font-bold">
{{ data.label }}
</div>
<div class="align-middle h-full flex flex-col justify-center items-end">
<div refComponent class="absolute left-1"
[data]="{
type: 'socket',
side: 'input',
@ -12,10 +15,12 @@
payload: inputSocket
}" [emit]="emit"></div>
</div>
<div class="align-middle col-span-3 h-full flex justify-center items-start flex-col">
<p class="text-ls font-bold text-gray-700">{{ data.label }}</p>
<p class="text-xs text-gray-500">Text</p>
</div>
<div class="col-span-3 align-middle h-full flex justify-center flex-col">
<span class="inline-flex items-center rounded-md bg-red-50 px-2 py-1 text-xs font-medium text-red-700 inset-ring inset-ring-red-600/20">Text</span>
</div>
</div>
</div>
</div>
</div>