ProjectSegfault/website
4
2
Fork 1
mirror of https://github.com/ProjectSegfault/website.git synced 2024-11-23 00:22:59 +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

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

@ -18,17 +18,14 @@
><div class="i-ic:outline-computer" /> ><div class="i-ic:outline-computer" />
Advanced</a Advanced</a
> >
</div>
<div class="flex flex-col">
<button <button
on:click={toggle} on:click={toggle}
class="text-text flex items-center text-sm" class="text-text flex items-center text-sm"
> >
<div <div
class="i-ic:{insturl === 'long' class="i-ic:{insturl === 'long'
? 'baseline-toggle-off' ? 'baseline-toggle-off bg-accent'
: 'baseline-toggle-on'} h-10 w-10" : 'baseline-toggle-on bg-amber-500'} h-15 w-15"
/> />
{#if insturl === "long"} {#if insturl === "long"}
Long URL Long URL
@ -36,6 +33,14 @@
Short URL Short URL
{/if} {/if}
</button> </button>
</div>
<div class="flex flex-col">
{#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">