mitchell/hamlab
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 14 Wiki Activity

Widgets tab: every widget type and every sensor, live, one of each

Browse Source 
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
This commit is contained in:
Mitchell-Johnson
2026-09-19 08:29:15 -07:00
co-authored by Claude Fable 5.1
parent 4c2eb57ea6
commit b1c1404181
4 changed files with 97 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/styles.css
+13
View File
@@ -414,3 +414,16 @@ h2.section { margin: 0; font-size: 13px; font-weight: 600; color: var(--muted);
.embed { min-height: 100vh; padding: 10px; background: var(--bg2); box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; }
.embed.bare { background: transparent; }
.embed .tile { border: 0; padding: 0; background: none; }
/* widget gallery */
.gallery { overflow-x: hidden; }
.gallery section { min-width: 0; display: flex; flex-direction: column; gap: 12px; }
.gallery h2.section { margin: 10px 0 0; font-size: 13px; }
.gallery-tile { min-width: 0; max-width: 100%; overflow: hidden; }
.gallery-tile .label, .kpis.widgets .tile .label { overflow-wrap: anywhere; } /* container names run long */
.gallery .kpis { grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); }
.gallery-tile { text-align: left; cursor: pointer; display: flex; flex-direction: column; color: inherit; font: inherit; }
.gallery-tile:hover { border-color: var(--accent2); }
.gallery-tile .value { font-size: 18px; overflow-wrap: anywhere; }
.gallery-id { margin-top: auto; padding-top: 8px; font-size: 10.5px; color: var(--muted); overflow-wrap: anywhere; }
@media (max-width: 800px) { .gallery .kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); } }