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

Refine admin photo display and status controls

Browse Source
This commit is contained in:
rajchales-monito
2026-07-23 23:08:23 +02:00
parent bb2c267252
commit 273056284c
2 changed files with 38 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/admin.css
+26 -13
View File
@@ -137,18 +137,25 @@ label { display: grid; gap: 6px; color: var(--muted); font-size: 13px; }
.conversation-actions {
grid-column: 1 / -1;
display: grid;
grid-template-columns: minmax(0, 1fr) 34px;
gap: 8px;
grid-template-columns: repeat(3, minmax(0, 1fr)) 34px;
gap: 6px;
}
.status-select {
.status-button {
height: 34px;
padding: 5px 8px;
font-size: 12px;
padding: 0 6px;
font-size: 11px;
background: #f4f7f5;
color: var(--muted);
border: 1px solid var(--line);
white-space: nowrap;
}
.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; }
.status-button.active {
color: white;
border-color: transparent;
}
.status-button.new.active { background: #2f9e44; }
.status-button.open.active { background: #2f80ed; }
.status-button.resolved.active { background: #68736c; }
.delete-chat {
width: 34px;
height: 34px;
@@ -204,7 +211,7 @@ label { display: grid; gap: 6px; color: var(--muted); font-size: 13px; }
margin-top: 8px;
}
.photo-preview {
width: min(240px, 100%);
width: min(340px, 100%);
display: grid;
gap: 0;
padding: 0;
@@ -218,6 +225,10 @@ label { display: grid; gap: 6px; color: var(--muted); font-size: 13px; }
}
.photo-open {
width: 100%;
min-height: 80px;
max-height: 360px;
display: grid;
place-items: center;
padding: 0;
border: 0;
border-radius: 0;
@@ -225,9 +236,11 @@ label { display: grid; gap: 6px; color: var(--muted); font-size: 13px; }
color: var(--ink);
}
.photo-open img {
width: 100%;
aspect-ratio: 16 / 10;
object-fit: cover;
max-width: 100%;
height: auto;
max-height: 360px;
width: auto;
object-fit: contain;
display: block;
background: #edf3ef;
}