previews
This commit is contained in:
@@ -303,16 +303,16 @@ body {
|
||||
.note-snippet h1, .note-snippet h2, .note-snippet h3 { margin: 0.3em 0; font-size: 1em; color: var(--secondary); }
|
||||
.note-snippet blockquote { border-left: 3px solid var(--secondary); margin: 0.3em 0; padding-left: 10px; color: var(--muted); }
|
||||
|
||||
.note-item { display: flex; align-items: flex-start; gap: 12px; }
|
||||
.note-item { display: flex; flex-direction: column; gap: 10px; }
|
||||
.note-body { flex: 1; min-width: 0; }
|
||||
.note-thumb {
|
||||
width: 56px;
|
||||
height: 56px;
|
||||
.note-banner {
|
||||
width: 100%;
|
||||
height: 140px;
|
||||
object-fit: cover;
|
||||
object-position: top;
|
||||
border-radius: 6px;
|
||||
border: 1px solid var(--border);
|
||||
background: var(--surface);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.attach-count { color: var(--muted); margin-left: 8px; }
|
||||
|
||||
|
||||
@@ -429,7 +429,7 @@ function noteList(notes) {
|
||||
n.snippet ? el("div", { class: "note-snippet", html: marked.parse(n.snippet) }) : null,
|
||||
]);
|
||||
ul.appendChild(el("li", { class: isCommon ? "note-item note-common" : "note-item", onclick: () => openNote(n.id) }, [
|
||||
n.image ? el("img", { class: "note-thumb", src: n.image, alt: "", loading: "lazy" }) : null,
|
||||
n.image ? el("img", { class: "note-banner", src: n.image, alt: "", loading: "lazy" }) : null,
|
||||
bodyEl,
|
||||
]));
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user