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

v0.4.2

Browse Source
This commit is contained in:
Mateusz Gruszczyński
2026-08-23 23:32:26 +02:00
parent b23578a0c8
commit f569b7db14
42 changed files with 597 additions and 4104 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/styles.css
+38 -7
View File
@@ -25,6 +25,12 @@
--danger-soft: rgba(248, 113, 113, .10);
--warning: #fbbf24;
--warning-soft: rgba(251, 191, 36, .10);
--info: #60a5fa;
--blue: #3b82f6;
--teal: #2dd4bf;
--purple: #a78bfa;
--orange: #fb923c;
--muted-strong: #b5b5bd;
--backdrop: rgba(0, 0, 0, .68);
--grid: rgba(255, 255, 255, .07);
--scroll-thumb: #444444;
@@ -62,6 +68,12 @@
--danger-soft: rgba(220, 95, 95, .08);
--warning: #b7791f;
--warning-soft: rgba(183, 121, 31, .08);
--info: #2563eb;
--blue: #2563eb;
--teal: #0f9f8f;
--purple: #7c3aed;
--orange: #c56b21;
--muted-strong: #52525b;
--backdrop: rgba(23, 23, 23, .32);
--grid: rgba(24, 24, 27, .08);
--scroll-thumb: #c8ccca;
@@ -299,14 +311,27 @@ h3 { margin-bottom: 9px; font-size: 15px; font-weight: 620; letter-spacing: -.01
.panel { padding: 16px; }
.chart-panel { overflow: hidden; }
.history-chart-card { margin-top: 12px; }
.chart-toolbar { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 14px; }
.chart-toolbar select { flex: 1; min-width: 140px; }
.chart-wrap { position: relative; overflow-x: auto; min-height: 310px; }
#historyChart { width: 100%; min-width: 680px; height: 340px; }
.legend { display: flex; gap: 16px; margin-top: 9px; color: var(--muted); font-size: 11px; }
.legend > span { display: flex; align-items: center; gap: 6px; }
.dot { width: 7px; height: 7px; border-radius: 50%; background: var(--accent); }
.dot.target { background: var(--warning); }
.chart-toolbar select { flex: 1; min-width: 160px; }
.chart-title-row { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:10px; }
.chart-title-row h3 { margin:0 0 4px; font-size:14px; }
.chart-title-row p { margin:0; color:var(--muted); font-size:11px; }
.history-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.history-stat { min-width:0; padding:10px; border:1px solid var(--line); border-radius:var(--radius-sm); background:var(--surface-2); }
.history-stat small,.history-stat strong,.history-stat span { display:block; }
.history-stat small { color:var(--muted); font-size:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.history-stat strong { margin-top:4px; color:var(--text); font-size:17px; font-weight:620; }
.history-stat span { margin-top:2px; color:var(--muted-2); font-size:9px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.chart-wrap { position: relative; overflow-x: auto; min-height: 310px; scrollbar-width:none; -ms-overflow-style:none; }
.chart-wrap::-webkit-scrollbar { display:none; }
.chart-wrap.compact-chart { min-height:230px; }
#historyTemperatureChart,#historyOperationChart { width:100%; min-width:720px; }
#historyTemperatureChart { height:360px; }
#historyOperationChart { height:260px; }
.legend { display:flex; flex-wrap:wrap; gap:8px 16px; margin-top:9px; color:var(--muted); font-size:10px; }
.legend > span { display:flex; align-items:center; gap:6px; }
.legend-line { width:16px; height:2px; border-radius:999px; background:var(--legend-color,var(--accent)); }
.form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.form-grid h3, .form-grid hr, .form-grid .wide { grid-column: 1/-1; }
@@ -580,3 +605,9 @@ legend { padding: 0 5px; color: var(--muted); font-size: 10px; }
.toolbar-select { min-width: 52px; }
.theme-select { min-width: 78px; }
}
@media (max-width: 720px) {
.history-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
.chart-toolbar { display:grid; grid-template-columns:1fr 1fr; }
.chart-toolbar button { grid-column:1/-1; }
}