starred/windmill
1
0
Fork 0
mirror of https://github.com/windmill-labs/windmill.git synced 2026-09-08 16:03:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

Move node prop picker

Browse Source
This commit is contained in:
Guilhem
2024-11-05 10:13:14 +01:00
parent ff3e734a0d
commit 08f82632c8
4 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/lib/components/common/button/AnimatedButton.svelte
+3 -1
View File
@@ -11,7 +11,9 @@
let clientWidth = 0
let clientHeight = 0
$: circleRadius = Math.sqrt(clientWidth * clientWidth + clientHeight * clientHeight) / 2
$: circleRadius = Math.ceil(
Math.sqrt(clientWidth * clientWidth + clientHeight * clientHeight) / 2
)
</script>
<div
frontend/src/lib/components/flows/map/FlowModuleSchemaItem.svelte
+1 -1
View File
@@ -276,7 +276,7 @@ hover:border-blue-700 hover:!visible {hover ? '' : '!hidden'}"
</div>
{#if id && $propPickerConfig && pickableIds && Object.keys(pickableIds).includes(id)}
<div class="absolute -top-[14px] right-[200px]">
<div class="absolute -bottom-[18px] right-[50%] translate-x-[50%]">
<FlowPropPicker
json={{
[id]: pickableIds[id]
frontend/src/lib/components/flows/map/VirtualItem.svelte
+1 -1
View File
@@ -82,7 +82,7 @@
</div>
</div>
{#if propPickerConfig && Object.keys(inputJson).length > 0}
<div class="absolute -top-[14px] right-[200px]">
<div class="absolute -bottom-[18px] right-[50%] translate-x-[50%]">
<FlowPropPicker json={inputJson} {prefix} />
</div>
{/if}
frontend/src/lib/components/flows/propPicker/FlowPropPicker.svelte
+4 -3
View File
@@ -25,8 +25,9 @@
>
<AnimatedButton
animate={$propPickerConfig?.insertionMode === 'connect' && !viewOnly}
wrapperClasses=" h-fit w-fit center-center"
wrapperClasses="h-[20px] w-[20px] "
baseRadius="9999px"
marginWidth="1px"
>
<Popup floatingConfig={{ strategy: 'fixed', placement: 'bottom-start' }}>
<svelte:fragment slot="button" let:open>
@@ -34,7 +35,7 @@
<svelte:fragment slot="text">node outputs</svelte:fragment>
<button
class={twMerge(
'rounded-full trash center-center h-[20px] w-[20px]',
'rounded-full trash center-center h-[18px] w-[18px]',
viewOnly
? 'outline-[1px] outline dark:outline-gray-500 outline-gray-300 duration-150 bg-surface hover:bg-surface-hover text-secondary'
: $propPickerConfig?.insertionMode == 'connect'
@@ -42,7 +43,7 @@
: 'outline-[1px] outline dark:outline-gray-500 outline-gray-300 duration-150 bg-blue-500 hover:bg-blue-700 text-white'
)}
>
<Plug class="mx-[3px]" size={12} strokeWidth={2} />
<Plug size={12} strokeWidth={2} />
</button>
</Popover>
</svelte:fragment>