diff --git a/apps/web/src/lib/ui/data/TaskItem.svelte b/apps/web/src/lib/ui/data/TaskItem.svelte index 847c980..3d80699 100644 --- a/apps/web/src/lib/ui/data/TaskItem.svelte +++ b/apps/web/src/lib/ui/data/TaskItem.svelte @@ -11,6 +11,7 @@ import Popover from "$lib/ui/feedback/Popover.svelte"; import { normalizeDigits, buildWaMeUrl } from "$lib/utils/phone"; import { colorForGroup } from "$lib/utils/groupColor"; + import Hourglass from "$lib/ui/icons/Hourglass.svelte"; export let id: number; export let description: string; @@ -285,7 +286,8 @@ class:soon={imminent} title={overdue ? "Vencida" : imminent ? "Próxima" : "Fecha"} > - 📅 {dateDmy}{#if overdue} + + {dateDmy}{#if overdue} ⚠{/if} {/if} @@ -392,7 +394,7 @@ aria-label="Editar fecha" title="Editar fecha" on:click|preventDefault={toggleEdit} - disabled={busy}>🗓️ Fecha Fecha {:else} @@ -517,6 +519,9 @@ font-size: 12px; } .date-badge { + display: inline-flex; + align-items: center; + gap: 4px; padding: 4px 6px; border-radius: 6px; border: 1px solid transparent; diff --git a/apps/web/src/lib/ui/icons/Hourglass.svelte b/apps/web/src/lib/ui/icons/Hourglass.svelte new file mode 100644 index 0000000..a48e38a --- /dev/null +++ b/apps/web/src/lib/ui/icons/Hourglass.svelte @@ -0,0 +1,27 @@ + + + + {#if title}{title}{/if} + + + + +