diff --git a/dist/index.html b/dist/index.html index cbf57e4..e45046d 100644 --- a/dist/index.html +++ b/dist/index.html @@ -6091,8 +6091,8 @@ var root_2$4 = /* @__PURE__ */ from_html(`
+ New Entry`); var root_3$4 = /* @__PURE__ */ from_html(`

`); var root_6$4 = /* @__PURE__ */ from_html(`matching " "`, 1); -var root_7$2 = /* @__PURE__ */ from_html(` `); -var root_5$3 = /* @__PURE__ */ from_html(`
TitleUsernameURL
`, 1); +var root_7$2 = /* @__PURE__ */ from_html(` `); +var root_5$3 = /* @__PURE__ */ from_html(`
TitleUsernameURLNotes
`, 1); var root$5 = /* @__PURE__ */ from_html(`
`); function EntryList($$anchor, $$props) { push($$props, true); @@ -6204,12 +6204,18 @@ function EntryList($$anchor, $$props) { var text_8 = child(span_3, true); reset(span_3); reset(td_2); + var td_3 = sibling(td_2); + var span_4 = child(td_3); + var text_9 = child(span_4, true); + reset(span_4); + reset(td_3); reset(tr); template_effect(() => { set_class(tr, 1, `entry-row ${get(dragging) ? "dragging" : ""}`, "svelte-13s7gu4"); set_text(text_6, get(entry).title); set_text(text_7, get(entry).username || "—"); set_text(text_8, get(entry).url || "—"); + set_text(text_9, get(entry).notes || "—"); }); delegated("click", tr, () => $$props.onSelect(get(entry).id)); event("dragstart", tr, (e) => { @@ -7641,6 +7647,18 @@ label { max-width: 200px; } + .entry-notes.svelte-13s7gu4 { + color: var(--color-text-muted); + max-width: 200px; + } + + @media (max-width: 768px) { + .entries-table.svelte-13s7gu4 th:where(.svelte-13s7gu4):nth-child(4), + .entry-row.svelte-13s7gu4 td:where(.svelte-13s7gu4):nth-child(4) { + display: none; + } + } + @media (max-width: 600px) { .entries-table.svelte-13s7gu4 th:where(.svelte-13s7gu4):nth-child(3), .entry-row.svelte-13s7gu4 td:where(.svelte-13s7gu4):nth-child(3) { diff --git a/src/components/EntryList.svelte b/src/components/EntryList.svelte index 5d7e025..f419cbc 100644 --- a/src/components/EntryList.svelte +++ b/src/components/EntryList.svelte @@ -79,6 +79,7 @@ Title Username URL + Notes @@ -100,6 +101,9 @@ {entry.url || '—'} + + {entry.notes || '—'} + {/each} @@ -209,6 +213,18 @@ max-width: 200px; } + .entry-notes { + color: var(--color-text-muted); + max-width: 200px; + } + + @media (max-width: 768px) { + .entries-table th:nth-child(4), + .entry-row td:nth-child(4) { + display: none; + } + } + @media (max-width: 600px) { .entries-table th:nth-child(3), .entry-row td:nth-child(3) {