diff --git a/src/server/client/client.css b/src/server/client/client.css index f13b416..a7173f5 100644 --- a/src/server/client/client.css +++ b/src/server/client/client.css @@ -18,7 +18,6 @@ --active: #2a3942; --accent: #00a884; --danger: #ef5350; - --unread: #00a884; --shadow: rgba(0,0,0,.4); } html, body { @@ -79,13 +78,6 @@ html, body { .chat-meta { display: flex; justify-content: space-between; align-items: baseline; } .chat-preview { font-size: 13px; color: var(--text-secondary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .chat-time { font-size: 11px; color: var(--text-secondary); white-space: nowrap; } -.chat-unread { - background: var(--unread); color: #fff; - border-radius: 50%; min-width: 20px; height: 20px; - display: flex; align-items: center; justify-content: center; - font-size: 11px; font-weight: 600; - position: absolute; top: -4px; right: -4px; -} /* ── Device Actions on Hover ── */ .device-actions { @@ -157,19 +149,6 @@ html, body { .msg.incoming .msg-footer { justify-content: flex-start; } .msg-check { color: #53bdeb; } .msg-check.delivered { color: var(--text-secondary); } -.msg-image { max-width: 260px; max-height: 260px; border-radius: 6px; display: block; cursor: pointer; object-fit: cover; } -.msg-audio { width: 100%; } -.msg-video { max-width: 260px; max-height: 260px; border-radius: 6px; } -.msg-document { - display: flex; align-items: center; gap: 10px; - padding: 8px; background: rgba(255,255,255,.05); border-radius: 6px; - cursor: pointer; -} -.msg-document i { font-size: 28px; color: var(--accent); } -.msg-doc-info { flex: 1; min-width: 0; } -.msg-doc-name { font-size: 13px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } -.msg-doc-size { font-size: 11px; color: var(--text-secondary); } -.msg-sticker { width: 160px; border-radius: 8px; } /* ── Load More ── */ .load-more { @@ -246,25 +225,6 @@ html, body { .icon-btn:hover { background: var(--hover); color: var(--text); } .icon-btn.primary { color: var(--accent); } -/* ── Attachment Menu ── */ -.attach-menu { - position: absolute; bottom: 68px; left: 16px; - display: flex; gap: 12px; padding: 12px; - background: var(--panel-bg); border-radius: 10px; - box-shadow: 0 4px 12px var(--shadow); - z-index: 10; -} -.attach-item { - display: flex; flex-direction: column; - align-items: center; gap: 4px; cursor: pointer; -} -.attach-item i { - width: 48px; height: 48px; border-radius: 50%; - display: flex; align-items: center; justify-content: center; - font-size: 22px; color: #fff; -} -.attach-item span { font-size: 11px; color: var(--text-secondary); } - /* ── Device Dashboard ── */ .device-cards { display: flex; flex-wrap: wrap; gap: 16px; padding: 24px; } .device-card { diff --git a/src/server/client/index.html b/src/server/client/index.html index 9444694..cf0dc19 100644 --- a/src/server/client/index.html +++ b/src/server/client/index.html @@ -46,16 +46,8 @@ ×