ProjectSegfault/website
4
2
Fork 1
mirror of https://github.com/ProjectSegfault/website.git synced 2024-11-22 16:13:00 +05:30
Code Issues 1 Projects Releases Wiki Activity

Update the toggle UI.

Browse Source
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
1 changed files with 20 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
src/routes/instances/+page.svelte
View File

@ -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">