diff options
Diffstat (limited to 'frontend/src/lib/dialogs')
| -rw-r--r-- | frontend/src/lib/dialogs/ConfirmDeletion.svelte | 6 | ||||
| -rw-r--r-- | frontend/src/lib/dialogs/components/UpdateModeSelector.svelte | 8 |
2 files changed, 6 insertions, 8 deletions
diff --git a/frontend/src/lib/dialogs/ConfirmDeletion.svelte b/frontend/src/lib/dialogs/ConfirmDeletion.svelte index 571fd05..53b1dd4 100644 --- a/frontend/src/lib/dialogs/ConfirmDeletion.svelte +++ b/frontend/src/lib/dialogs/ConfirmDeletion.svelte @@ -31,7 +31,7 @@ </p> {#if multiple} <ul class="mb-3 ml-8 list-disc"> - {#each names.slice(0, 10) as name} + {#each names.slice(0, 10) as name (name)} <li>{name}</li> {/each} </ul> @@ -40,7 +40,9 @@ {/if} {/if} {#if warning} - <p class="font-semibold text-rose-600">Warning: {warning}</p> + <p class="rounded-sm border border-rose-700 bg-rose-800/70 p-2 text-white"> + {warning} + </p> {/if} </div> diff --git a/frontend/src/lib/dialogs/components/UpdateModeSelector.svelte b/frontend/src/lib/dialogs/components/UpdateModeSelector.svelte index 67f5ab2..876657e 100644 --- a/frontend/src/lib/dialogs/components/UpdateModeSelector.svelte +++ b/frontend/src/lib/dialogs/components/UpdateModeSelector.svelte @@ -3,20 +3,16 @@ import { UpdateModeLabel } from '$lib/Enums'; let { mode = $bindable() }: { mode: UpdateMode } = $props(); - - function select(e: string) { - mode = e as UpdateMode; - } </script> <div class="flex gap-1 pb-1 text-xs"> - {#each Object.entries(UpdateModeLabel) as [e, label]} + {#each Object.entries(UpdateModeLabel) as [e, label] (e)} <button type="button" class:active={mode === e} class:dangerous={mode !== UpdateMode.Add} class="btn-xs hover:bg-slate-700 [&.active]:bg-indigo-700 [&.active.dangerous]:bg-rose-800" - onclick={() => select(e)} + onclick={() => (mode = e as UpdateMode)} > {label} </button> |