diff --git a/public/admin.css b/public/admin.css index fc1ecb4..92e1d8f 100644 --- a/public/admin.css +++ b/public/admin.css @@ -117,21 +117,22 @@ label { display: grid; gap: 6px; color: var(--muted); font-size: 13px; } font-size: 12px; } .snippet, .preview, .meta { color: var(--muted); font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } -.list-photo { - grid-column: 1 / -1; - width: 100%; - height: 74px; - padding: 0; - border: 1px solid var(--line); - border-radius: 8px; - overflow: hidden; - background: #edf3ef; +.visitor-facts { + display: flex; + flex-wrap: wrap; + gap: 4px; + color: var(--muted); + font-size: 11px; } -.list-photo img { - width: 100%; - height: 100%; - display: block; - object-fit: cover; +.visitor-facts span { + max-width: 96px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + border: 1px solid #e4ebe6; + border-radius: 999px; + padding: 2px 6px; + background: #f8fbf9; } .conversation-actions { grid-column: 1 / -1; diff --git a/public/admin.js b/public/admin.js index 6ad5b6e..5651a47 100644 --- a/public/admin.js +++ b/public/admin.js @@ -192,9 +192,13 @@ function renderConversations() { - ${item.firstImageUrl ? `` : ""}