mirror of
https://github.com/ProjectSegfault/website.git
synced 2024-09-08 04:55:39 +05:30
Update the toggle UI.
This commit is contained in:
parent
84bc062136
commit
d3625f9fc9
@ -18,24 +18,29 @@
|
||||
><div class="i-ic:outline-computer" />
|
||||
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 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"}
|
||||
{#each data.instances as category}
|
||||
<div class="flex flex-col">
|
||||
|
Loading…
Reference in New Issue
Block a user