Show notes and urls

This commit is contained in:
Timothy Farrell 2026-05-16 00:53:44 +00:00
parent 7d9d3aef0e
commit 47609c9e7c
2 changed files with 36 additions and 2 deletions

22
dist/index.html vendored
View File

@ -6091,8 +6091,8 @@ var root_2$4 = /* @__PURE__ */ from_html(`<div class="error-banner svelte-13s7gu
var root_4$4 = /* @__PURE__ */ from_html(`<button class="btn btn-primary mt-3">+ New Entry</button>`);
var root_3$4 = /* @__PURE__ */ from_html(`<div class="empty-state svelte-13s7gu4"><p class="empty-icon svelte-13s7gu4"> </p> <p class="empty-text svelte-13s7gu4"> </p> <p class="empty-hint svelte-13s7gu4"> </p> <!></div>`);
var root_6$4 = /* @__PURE__ */ from_html(`matching "<strong> </strong>"`, 1);
var root_7$2 = /* @__PURE__ */ from_html(`<tr><td class="svelte-13s7gu4"><span class="drag-handle svelte-13s7gu4" aria-hidden="true"></span> <span class="entry-title svelte-13s7gu4"> </span></td><td class="svelte-13s7gu4"><span class="entry-username svelte-13s7gu4"> </span></td><td class="svelte-13s7gu4"><span class="entry-url truncate svelte-13s7gu4"> </span></td></tr>`);
var root_5$3 = /* @__PURE__ */ from_html(`<div class="results-info svelte-13s7gu4"><span class="text-sm text-muted"> <!></span></div> <table class="entries-table svelte-13s7gu4"><thead><tr><th class="svelte-13s7gu4">Title</th><th class="svelte-13s7gu4">Username</th><th class="svelte-13s7gu4">URL</th></tr></thead><tbody></tbody></table>`, 1);
var root_7$2 = /* @__PURE__ */ from_html(`<tr><td class="svelte-13s7gu4"><span class="drag-handle svelte-13s7gu4" aria-hidden="true"></span> <span class="entry-title svelte-13s7gu4"> </span></td><td class="svelte-13s7gu4"><span class="entry-username svelte-13s7gu4"> </span></td><td class="svelte-13s7gu4"><span class="entry-url truncate svelte-13s7gu4"> </span></td><td class="svelte-13s7gu4"><span class="entry-notes truncate svelte-13s7gu4"> </span></td></tr>`);
var root_5$3 = /* @__PURE__ */ from_html(`<div class="results-info svelte-13s7gu4"><span class="text-sm text-muted"> <!></span></div> <table class="entries-table svelte-13s7gu4"><thead><tr><th class="svelte-13s7gu4">Title</th><th class="svelte-13s7gu4">Username</th><th class="svelte-13s7gu4">URL</th><th class="svelte-13s7gu4">Notes</th></tr></thead><tbody></tbody></table>`, 1);
var root$5 = /* @__PURE__ */ from_html(`<div class="entry-list"><!></div>`);
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) {

View File

@ -79,6 +79,7 @@
<th>Title</th>
<th>Username</th>
<th>URL</th>
<th>Notes</th>
</tr>
</thead>
<tbody>
@ -100,6 +101,9 @@
<td>
<span class="entry-url truncate">{entry.url || '—'}</span>
</td>
<td>
<span class="entry-notes truncate">{entry.notes || '—'}</span>
</td>
</tr>
{/each}
</tbody>
@ -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) {