gru/gree-controller
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v0.9.1

Browse Source
This commit is contained in:
Mateusz Gruszczyński
2026-09-01 13:16:10 +02:00
parent 7e0160834d
commit dc20267787
13 changed files with 164 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/styles.css
+29
View File
@@ -1421,3 +1421,32 @@ textarea[aria-invalid="true"] {
.compressor-queue-panel strong { font-size:.88rem; }
.compressor-queue-panel span,.compressor-queue-panel small { overflow-wrap:anywhere; }
.compressor-queue-panel button { flex:0 0 auto; }
/* v0.9.1: global compressor queue overview. */
.queue-overview-button { display:inline-flex; align-items:center; gap:7px; }
.queue-overview-count { display:inline-grid; place-items:center; min-width:23px; height:23px; padding:0 6px; border-radius:999px; background:color-mix(in srgb,var(--text) 9%,transparent); font-size:.78rem; }
.queue-overview-button.has-items { border-color:var(--warning, #b7791f); box-shadow:0 0 0 1px color-mix(in srgb,var(--warning, #b7791f) 22%,transparent); }
.queue-overview-button.has-items .queue-overview-count { background:color-mix(in srgb,var(--warning, #b7791f) 18%,transparent); color:var(--text); }
.compressor-queue-dialog { width:min(780px, calc(100% - 24px)); }
.compressor-queue-dialog-body { gap:16px; }
.compressor-queue-summary { display:flex; align-items:center; justify-content:space-between; padding:10px 13px; border:1px solid var(--line); border-radius:14px; background:var(--surface); }
.compressor-queue-summary span { color:var(--muted); font-size:.86rem; }
.compressor-queue-summary strong { font-size:1.15rem; }
.compressor-queue-list { display:grid; gap:10px; }
.compressor-queue-item { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:12px; padding:14px; border:1px solid var(--line); border-radius:16px; background:linear-gradient(135deg,color-mix(in srgb,var(--warning, #b7791f) 7%,var(--surface)),var(--surface)); }
.compressor-queue-index { display:grid; place-items:center; width:32px; height:32px; border-radius:10px; background:color-mix(in srgb,var(--warning, #b7791f) 15%,transparent); font-weight:800; }
.compressor-queue-item-main { min-width:0; display:grid; gap:8px; }
.compressor-queue-item-head { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }
.compressor-queue-item-head h3 { margin:2px 0 0; font-size:1rem; }
.compressor-queue-reason { flex:0 0 auto; padding:5px 8px; border-radius:999px; background:color-mix(in srgb,var(--warning, #b7791f) 14%,transparent); font-size:.73rem; font-weight:700; }
.compressor-queue-command { margin:0; font-weight:700; overflow-wrap:anywhere; }
.compressor-queue-meta { display:flex; flex-wrap:wrap; gap:6px 12px; color:var(--muted); font-size:.78rem; }
.compressor-queue-meta strong { color:var(--text); font-weight:700; }
.compressor-queue-cancel { align-self:center; }
.compressor-queue-empty { display:grid; justify-items:center; gap:7px; padding:30px 18px; text-align:center; border:1px dashed var(--line); border-radius:16px; color:var(--muted); }
.compressor-queue-empty > span { display:grid; place-items:center; width:42px; height:42px; border-radius:999px; background:var(--surface); font-size:1.35rem; color:var(--text); }
.compressor-queue-empty strong { color:var(--text); font-size:1rem; }
.compressor-queue-empty p { margin:0; max-width:440px; }
.compressor-queue-actions { position:sticky; bottom:0; padding-top:10px; background:linear-gradient(transparent,var(--dialog-bg) 28%); }
@media (max-width:620px) { .compressor-queue-item { grid-template-columns:auto minmax(0,1fr); } .compressor-queue-cancel { grid-column:1 / -1; width:100%; } .compressor-queue-item-head { display:grid; } .compressor-queue-reason { justify-self:start; } }