mirror of
https://github.com/windmill-labs/windmill.git
synced 2026-09-11 16:09:39 +00:00
Faton Ramadani
169f680a6e
* feat(frontend): Rework Flow preview UI * feat(frontend): Rework Flow done * feat(frontend): Fix SchemaForm height * feat(frontend): Clean up
26 lines
573 B
Svelte
26 lines
573 B
Svelte
<script lang="ts">
|
|
import { tweened } from 'svelte/motion'
|
|
import { cubicOut } from 'svelte/easing'
|
|
|
|
const progress = tweened(0, {
|
|
duration: 400,
|
|
easing: cubicOut
|
|
})
|
|
|
|
export let isFirst: boolean
|
|
export let isLast: boolean
|
|
export let sumUpTo: number
|
|
export let length: number
|
|
|
|
export let shouldToggle: boolean
|
|
|
|
$: shouldToggle && progress.set(length)
|
|
</script>
|
|
|
|
<div
|
|
class={`bg-blue-200 h-2.5 absolute ${isFirst ? 'rounded-l-full' : ''} ${
|
|
isLast ? 'rounded-r-full' : ''
|
|
}`}
|
|
style={`${isFirst ? 'left:0%;' : `left:${sumUpTo}%;`} width: ${$progress}%`}
|
|
/>
|