alexei.dolgolyov/wled-screen-controller-mixed
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add multi-column grid for dashboard target cards

Browse Source 
Target cards use responsive grid based on 500px min-width,
automatically adapting column count to screen width.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Admin
2026-03-10 16:32:20 +03:00
parent 3e7b64664a
commit 040a5bbdaa
1 changed files with 11 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
server/src/wled_controller/static/css/dashboard.css
View File

@@ -40,6 +40,17 @@
margin-bottom: 10px; margin-bottom: 10px;
padding-left: 16px; padding-left: 16px;
} }
.dashboard-subsection .dashboard-section-content {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(min(500px, 100%), 1fr));
gap: 4px;
}
.dashboard-subsection .dashboard-section-content .dashboard-target {
margin-bottom: 0;
min-width: 0;
}
.dashboard-subsection .dashboard-section-header { .dashboard-subsection .dashboard-section-header {
font-size: 0.72rem; font-size: 0.72rem;
} }