feat: Workflows v1
This commit is contained in:
@@ -0,0 +1,27 @@
|
||||
<script setup>
|
||||
import { Handle, Position } from '@vue-flow/core';
|
||||
|
||||
defineProps({
|
||||
data: { type: Object, default: () => ({}) },
|
||||
});
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div
|
||||
class="flex w-52 rounded-xl bg-n-solid-2 outline outline-1 -outline-offset-1 outline-n-container shadow-sm overflow-hidden"
|
||||
>
|
||||
<div class="w-1 shrink-0 bg-n-teal-9" />
|
||||
<div class="flex flex-col gap-1 px-3 py-2.5 min-w-0">
|
||||
<div class="flex items-center gap-2">
|
||||
<span class="i-lucide-zap text-n-teal-11 size-3.5 shrink-0" />
|
||||
<span class="text-xs font-medium text-n-slate-12 truncate">
|
||||
{{ data.label || 'Trigger' }}
|
||||
</span>
|
||||
</div>
|
||||
<span class="text-[11px] text-n-slate-10 leading-tight">
|
||||
{{ data.event || 'Starts the workflow' }}
|
||||
</span>
|
||||
</div>
|
||||
<Handle type="source" :position="Position.Bottom" class="!bg-n-teal-9" />
|
||||
</div>
|
||||
</template>
|
||||
Reference in New Issue
Block a user