rajch_ales/MaalFlows
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve admin chat controls

Browse Source
This commit is contained in:
rajchales-monito
2026-07-23 22:35:36 +02:00
parent f2b388779d
commit 8c71dbf1bf
4 changed files with 211 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/admin.css
+75 -5
View File
@@ -55,7 +55,7 @@ label { display: grid; gap: 6px; color: var(--muted); font-size: 13px; }
border-right: 1px solid var(--line);
background: var(--panel);
display: grid;
grid-template-rows: auto auto minmax(0, 1fr);
grid-template-rows: auto auto auto minmax(0, 1fr);
}
.brand, .sitebar {
display: flex;
@@ -69,22 +69,40 @@ label { display: grid; gap: 6px; color: var(--muted); font-size: 13px; }
.brand button, .sitebar button { background: #edf3ef; color: var(--ink); }
.switch { display: flex; align-items: center; gap: 8px; }
.switch input { width: auto; }
.list-tools {
padding: 10px 14px;
border-bottom: 1px solid var(--line);
background: #fbfdfb;
}
.list-tools label { color: var(--muted); }
.conversation-list { overflow: auto; }
.conversation-item {
width: 100%;
text-align: left;
border: 0;
border-bottom: 1px solid var(--line);
background: white;
color: var(--ink);
border-radius: 0;
padding: 12px 14px;
padding: 10px;
display: grid;
gap: 5px;
grid-template-columns: minmax(0, 1fr) auto;
gap: 8px;
align-items: start;
}
.conversation-item.active { background: #eaf6f1; }
.conversation-item.fresh { animation: pulse 1.2s ease-in-out 4; }
.conversation-open {
min-width: 0;
text-align: left;
display: grid;
gap: 5px;
border: 0;
background: transparent;
color: var(--ink);
border-radius: 6px;
padding: 2px;
}
.conversation-open:hover { filter: none; background: #f3f7f4; }
.row { display: flex; justify-content: space-between; gap: 10px; align-items: center; }
.status {
font-size: 12px;
@@ -93,7 +111,59 @@ label { display: grid; gap: 6px; color: var(--muted); font-size: 13px; }
border-radius: 999px;
padding: 2px 8px;
}
.photo-count {
flex: 0 0 auto;
color: var(--brand);
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;
}
.list-photo img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
.conversation-actions {
grid-column: 1 / -1;
display: grid;
grid-template-columns: minmax(0, 1fr) 34px;
gap: 8px;
}
.status-select {
height: 34px;
padding: 5px 8px;
font-size: 12px;
}
.status-select.new { border-color: #2f9e44; background: #effaf2; }
.status-select.open { border-color: #2f80ed; background: #eef5ff; }
.status-select.resolved { border-color: #87908a; background: #f3f5f3; }
.status-select.spam { border-color: #d92d20; background: #fff1f0; }
.delete-chat {
width: 34px;
height: 34px;
padding: 0;
display: grid;
place-items: center;
background: #fff1f0;
color: #b42318;
}
.delete-chat svg { width: 18px; height: 18px; fill: currentColor; }
.empty-list {
margin: 0;
padding: 18px 14px;
color: var(--muted);
font-size: 13px;
}
.conversation { display: grid; grid-template-rows: auto minmax(0, 1fr) auto auto; min-width: 0; }
.conversation-header {