ngfchl/tg-spam-guard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: keep chat time and id in top row

Browse Source
This commit is contained in:
ngfchl
2026-07-07 11:02:29 +08:00
parent 4827a07927
commit 1fa50c63ca
1 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/static/index.html
+7 -4
View File
@@ -84,11 +84,11 @@
.chat-item.deleted { background: #f8fafc; border-color: #e2e8f0; opacity: .78; }
.chat-item.deleted::before { background: #94a3b8; }
.chat-item.deleted .chat-text { color: #94a3b8; text-decoration: line-through; }
.chat-head { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: start; }
.chat-head { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: center; }
.chat-user-line { display: flex; align-items: center; gap: 6px; min-width: 0; }
.chat-user { font-weight: 700; color: #2563eb; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.chat-uid { color: #94a3b8; font-size: 11px; font-weight: 500; }
.chat-meta-line { display: flex; align-items: center; justify-content: flex-end; gap: 6px; flex-wrap: wrap; }
.chat-meta-line { display: flex; align-items: center; justify-content: flex-end; gap: 5px; white-space: nowrap; }
.chat-time { flex-shrink: 0; font-size: 11px; color: #9ca3af; white-space: nowrap; }
.chat-id-pill { color: #64748b; font-size: 11px; background: #f1f5f9; border-radius: 999px; padding: 1px 6px; }
.chat-status { font-size: 11px; border-radius: 999px; padding: 1px 6px; line-height: 16px; background: #eff6ff; color: #2563eb; white-space: nowrap; }
@@ -190,8 +190,11 @@
.scroll-area { height: 40vh; min-height: 280px; flex: none; }
.chat-item { padding: 8px; }
.chat-item { margin-bottom: 8px; padding: 6px 7px 6px 12px; }
.chat-head { grid-template-columns: 1fr; gap: 3px; }
.chat-meta-line { justify-content: flex-start; }
.chat-head { grid-template-columns: minmax(0, 1fr) auto; gap: 6px; }
.chat-user-line { min-width: 0; }
.chat-user { max-width: 42vw; }
.chat-uid { display: none; }
.chat-meta-line { justify-content: flex-end; }
.chat-foot { align-items: flex-start; }
.chat-actions { justify-content: flex-end; margin-left: auto; }
.chat-text { margin-top: 4px; padding: 5px 7px; background: #f8fafc; border-radius: 8px; line-height: 1.35; }