Update the toggle UI.

This commit is contained in:
Midou36O 2023-07-17 14:37:43 +01:00
parent 84bc062136
commit d3625f9fc9
Signed by: midou
GPG Key ID: 1D134A95FE521A7A

View File

@ -18,24 +18,29 @@
><div class="i-ic:outline-computer" /> ><div class="i-ic:outline-computer" />
Advanced</a Advanced</a
> >
<button
on:click={toggle}
class="text-text flex items-center text-sm"
>
<div
class="i-ic:{insturl === 'long'
? 'baseline-toggle-off bg-accent'
: 'baseline-toggle-on bg-amber-500'} h-15 w-15"
/>
{#if insturl === "long"}
Long URL
{:else}
Short URL
{/if}
</button>
</div> </div>
<div class="flex flex-col"> <div class="flex flex-col">
<button
on:click={toggle}
class="text-text flex items-center text-sm"
>
<div
class="i-ic:{insturl === 'long'
? 'baseline-toggle-off'
: 'baseline-toggle-on'} h-10 w-10"
/>
{#if insturl === "long"}
Long URL
{:else}
Short URL
{/if}
</button>
{#if insturl === "long"} {#if insturl === "long"}
{#each data.instances as category} {#each data.instances as category}
<div class="flex flex-col"> <div class="flex flex-col">