|
|
|
@ -512,7 +512,8 @@
|
|
|
|
|
<br />
|
|
|
|
|
|
|
|
|
|
{#if isWindows || isMacOS}
|
|
|
|
|
<div class="flex gap-1">
|
|
|
|
|
<div class="flex flex-col gap-1">
|
|
|
|
|
<div class="flex">
|
|
|
|
|
<label>
|
|
|
|
|
Effect
|
|
|
|
|
<select class="input" bind:value={selectedEffect}>
|
|
|
|
@ -535,7 +536,9 @@
|
|
|
|
|
Radius
|
|
|
|
|
<input class="input" type="number" bind:value={effectRadius} />
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="flex">
|
|
|
|
|
<label>
|
|
|
|
|
Color
|
|
|
|
|
<div class="flex">
|
|
|
|
@ -569,11 +572,15 @@
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="flex">
|
|
|
|
|
<button class="btn" style="width: 80px;" on:click={addEffect}
|
|
|
|
|
>Add</button
|
|
|
|
|
>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="flex">
|
|
|
|
|
<div>
|
|
|
|
|
Applied effects: {effects.length ? effects.join(",") : "None"}
|
|
|
|
|
</div>
|
|
|
|
@ -582,6 +589,7 @@
|
|
|
|
|
>Clear</button
|
|
|
|
|
>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
{/if}
|
|
|
|
|
{/if}
|
|
|
|
|
</div>
|
|
|
|
|