mirror of
https://github.com/ProjectSegfault/website.git
synced 2024-11-03 17:35:23 +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" />
|
><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">
|
||||||
|
Loading…
Reference in New Issue
Block a user