{#if $screenWidth >= 640}
Price Alerts
${displayPrice}
Current Price: ${currentPrice}
(displayPrice = ( currentPrice * (1 + values?.at(0) / 100) )?.toFixed(2))} suffix="%" min={-100} max={100} all={false} first={false} last={false} rest={false} hoverable={false} bind:values />
{#if values?.at(0) !== 0}
Triggers once when price moves {values?.at(0) > 0 ? "above" : "below"} {#if values?.at(0) > 0}
+{values?.at(0)?.toFixed(2)}%
{:else if values?.at(0) < 0}
{values?.at(0)?.toFixed(2)}%
{/if}
{:else}
Set a trigger by moving the slider.
{/if}
Create
{:else}
Price Alert
${displayPrice}
Current Price: ${currentPrice}
{#if (displayPrice / currentPrice - 1) * 100 > 100}
{((displayPrice / currentPrice - 1) * 100)?.toFixed( 2, )}%
{:else if values?.at(0) > 0}
{values?.at(0)?.toFixed(2)}%
{:else if values?.at(0) < 0}
{values?.at(0)?.toFixed(2)}%
{:else}
0%
{/if}
(displayPrice = ( currentPrice * (1 + values?.at(0) / 100) )?.toFixed(2))} suffix="%" min={-100} max={100} all={false} first={false} last={false} rest={false} hoverable={false} bind:values />
Set a trigger by moving the slider.
Create
{#each Array.from({ length: 9 }, (_, i) => i + 1) as number}
numPadInput(number)} class="transition ease-out w-20 h-20 text-2xl text-white font-bold rounded-full" >{number}
{/each}
numPadInput("dot")} class="transition ease-out w-20 h-20 text-2xl text-white font-bold rounded-full" >.
numPadInput(0)} class="transition ease-out w-20 h-20 text-2xl text-white font-bold rounded-full" >0
numPadInput("remove")} class="transition ease-out w-20 h-20 text-2xl text-white font-bold rounded-full" >
{/if}