ansxor.ca
forked from
pds.ls/pdsls
atmosphere explorer
fix alignment with label card
handle.invalid
+14
-16
+14
-16
src/views/labels.tsx
+14
-16
src/views/labels.tsx
···
20
20
21
21
return (
22
22
<div class="flex flex-col gap-2 rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 p-3 dark:border-neutral-700 dark:bg-neutral-800">
23
-
<div class="flex gap-1 text-sm">
23
+
<div class="flex flex-wrap items-baseline gap-2 text-sm">
24
24
<span class="iconify lucide--tag shrink-0 self-center" />
25
-
<div class="flex flex-wrap items-baseline gap-2">
26
-
<span class="font-medium">{label.val}</span>
27
-
<Show when={label.neg}>
28
-
<span class="text-xs font-medium text-red-500 dark:text-red-400">negated</span>
25
+
<span class="font-medium">{label.val}</span>
26
+
<Show when={label.neg}>
27
+
<span class="text-xs font-medium text-red-500 dark:text-red-400">negated</span>
28
+
</Show>
29
+
<div class="flex flex-wrap gap-2 text-xs text-neutral-600 dark:text-neutral-400">
30
+
<span>{localDateFromTimestamp(new Date(label.cts).getTime())}</span>
31
+
<Show when={label.exp}>
32
+
{(exp) => (
33
+
<div class="flex items-center gap-x-1">
34
+
<span class="iconify lucide--clock-fading shrink-0" />
35
+
<span>{localDateFromTimestamp(new Date(exp()).getTime())}</span>
36
+
</div>
37
+
)}
29
38
</Show>
30
-
<div class="flex flex-wrap gap-2 text-xs text-neutral-600 dark:text-neutral-400">
31
-
<span>{localDateFromTimestamp(new Date(label.cts).getTime())}</span>
32
-
<Show when={label.exp}>
33
-
{(exp) => (
34
-
<div class="flex items-center gap-x-1">
35
-
<span class="iconify lucide--clock-fading shrink-0" />
36
-
<span>{localDateFromTimestamp(new Date(exp()).getTime())}</span>
37
-
</div>
38
-
)}
39
-
</Show>
40
-
</div>
41
39
</div>
42
40
</div>
43
41