* feat(styles): create stylesheets for react and svelte based on one source * refactor(styling): cleanup * refactor(postcss): share a config * refactor(postcss): replace env hack with env file
16 lines
454 B
Svelte
16 lines
454 B
Svelte
<script lang="ts">
|
|
import cc from 'classcat';
|
|
|
|
import { useStore } from '$lib/store';
|
|
|
|
const { connectionPath, width, height, connection } = useStore();
|
|
</script>
|
|
|
|
{#if $connectionPath}
|
|
<svg width={$width} height={$height} class="svelte-flow__connectionline">
|
|
<g class={cc(['svelte-flow__connection', $connection.connectionStatus])}>
|
|
<path d={$connectionPath} fill="none" class="svelte-flow__connection-path" />
|
|
</g>
|
|
</svg>
|
|
{/if}
|