Show notes and urls
This commit is contained in:
parent
7d9d3aef0e
commit
47609c9e7c
22
dist/index.html
vendored
22
dist/index.html
vendored
@ -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_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_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_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_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></tr></thead><tbody></tbody></table>`, 1);
|
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>`);
|
var root$5 = /* @__PURE__ */ from_html(`<div class="entry-list"><!></div>`);
|
||||||
function EntryList($$anchor, $$props) {
|
function EntryList($$anchor, $$props) {
|
||||||
push($$props, true);
|
push($$props, true);
|
||||||
@ -6204,12 +6204,18 @@ function EntryList($$anchor, $$props) {
|
|||||||
var text_8 = child(span_3, true);
|
var text_8 = child(span_3, true);
|
||||||
reset(span_3);
|
reset(span_3);
|
||||||
reset(td_2);
|
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);
|
reset(tr);
|
||||||
template_effect(() => {
|
template_effect(() => {
|
||||||
set_class(tr, 1, `entry-row ${get(dragging) ? "dragging" : ""}`, "svelte-13s7gu4");
|
set_class(tr, 1, `entry-row ${get(dragging) ? "dragging" : ""}`, "svelte-13s7gu4");
|
||||||
set_text(text_6, get(entry).title);
|
set_text(text_6, get(entry).title);
|
||||||
set_text(text_7, get(entry).username || "—");
|
set_text(text_7, get(entry).username || "—");
|
||||||
set_text(text_8, get(entry).url || "—");
|
set_text(text_8, get(entry).url || "—");
|
||||||
|
set_text(text_9, get(entry).notes || "—");
|
||||||
});
|
});
|
||||||
delegated("click", tr, () => $$props.onSelect(get(entry).id));
|
delegated("click", tr, () => $$props.onSelect(get(entry).id));
|
||||||
event("dragstart", tr, (e) => {
|
event("dragstart", tr, (e) => {
|
||||||
@ -7641,6 +7647,18 @@ label {
|
|||||||
max-width: 200px;
|
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) {
|
@media (max-width: 600px) {
|
||||||
.entries-table.svelte-13s7gu4 th:where(.svelte-13s7gu4):nth-child(3),
|
.entries-table.svelte-13s7gu4 th:where(.svelte-13s7gu4):nth-child(3),
|
||||||
.entry-row.svelte-13s7gu4 td:where(.svelte-13s7gu4):nth-child(3) {
|
.entry-row.svelte-13s7gu4 td:where(.svelte-13s7gu4):nth-child(3) {
|
||||||
|
|||||||
@ -79,6 +79,7 @@
|
|||||||
<th>Title</th>
|
<th>Title</th>
|
||||||
<th>Username</th>
|
<th>Username</th>
|
||||||
<th>URL</th>
|
<th>URL</th>
|
||||||
|
<th>Notes</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
@ -100,6 +101,9 @@
|
|||||||
<td>
|
<td>
|
||||||
<span class="entry-url truncate">{entry.url || '—'}</span>
|
<span class="entry-url truncate">{entry.url || '—'}</span>
|
||||||
</td>
|
</td>
|
||||||
|
<td>
|
||||||
|
<span class="entry-notes truncate">{entry.notes || '—'}</span>
|
||||||
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
{/each}
|
{/each}
|
||||||
</tbody>
|
</tbody>
|
||||||
@ -209,6 +213,18 @@
|
|||||||
max-width: 200px;
|
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) {
|
@media (max-width: 600px) {
|
||||||
.entries-table th:nth-child(3),
|
.entries-table th:nth-child(3),
|
||||||
.entry-row td:nth-child(3) {
|
.entry-row td:nth-child(3) {
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user