diff --git a/web/src/lib/components/admin-page/settings/setting-switch.svelte b/web/src/lib/components/admin-page/settings/setting-switch.svelte index 512de18669..d26144913f 100644 --- a/web/src/lib/components/admin-page/settings/setting-switch.svelte +++ b/web/src/lib/components/admin-page/settings/setting-switch.svelte @@ -13,20 +13,23 @@ const dispatch = createEventDispatcher<{ toggle: boolean }>(); - dispatch('toggle', checked)}> -
- - {#if isEdited} -
- Unsaved change -
- {/if} -
+
+
+
+ + {#if isEdited} +
+ Unsaved change +
+ {/if} +
-

{subtitle}

- +

{subtitle}

+
+ dispatch('toggle', checked)} /> +
diff --git a/web/src/lib/components/elements/slider.svelte b/web/src/lib/components/elements/slider.svelte index 0b613ec010..77fe3da940 100644 --- a/web/src/lib/components/elements/slider.svelte +++ b/web/src/lib/components/elements/slider.svelte @@ -8,24 +8,21 @@ const onToggle = (event: Event) => dispatch('toggle', (event.target as HTMLInputElement).checked); -
- -
+ {#if disabled} + + {:else} + + {/if} +