self-hosted/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-07-01 05:35:03 +02:00
Code Issues Releases Activity

fix(web): slider (#6485)

Browse Source
This commit is contained in:
Jason Rasmussen
2024-01-19 09:57:15 -05:00
committed by GitHub
parent b4d1470586
commit dacca4cdf1
2 changed files with 33 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
web/src/lib/components/admin-page/settings/setting-switch.svelte
View File

@ -13,20 +13,23 @@
const dispatch = createEventDispatcher<{ toggle: boolean }>();
</script>
<Slider bind:checked {disabled} on:toggle={() => dispatch('toggle', checked)}>
<div class="flex h-[26px] place-items-center gap-1">
<label class="font-medium text-immich-primary dark:text-immich-dark-primary text-sm" for={title}>
{title}
</label>
{#if isEdited}
<div
transition:fly={{ x: 10, duration: 200, easing: quintOut }}
class="rounded-full bg-orange-100 px-2 text-[10px] text-orange-900"
>
Unsaved change
</div>
{/if}
</div>
<div class="flex place-items-center justify-between">
<div>
<div class="flex h-[26px] place-items-center gap-1">
<label class="font-medium text-immich-primary dark:text-immich-dark-primary text-sm" for={title}>
{title}
</label>
{#if isEdited}
<div
transition:fly={{ x: 10, duration: 200, easing: quintOut }}
class="rounded-full bg-orange-100 px-2 text-[10px] text-orange-900"
>
Unsaved change
</div>
{/if}
</div>
<p class="text-sm dark:text-immich-dark-fg">{subtitle}</p>
</Slider>
<p class="text-sm dark:text-immich-dark-fg">{subtitle}</p>
</div>
<Slider bind:checked {disabled} on:toggle={() => dispatch('toggle', checked)} />
</div>