thallada/the-daily-epub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Keep the dashboard's vertical rhythm under the grid

Browse Source 
Grid items never collapse margins, so the row-filter input and the rating
form pushed the next child down by their bottom margins.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
This commit is contained in:
thallada
2026-09-20 21:43:42 +00:00
co-authored by Claude Fable 5.1
parent dd91b83c27
commit 3c4f8de3a4
2 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/web/static/app.css
+1 -1
View File
File diff suppressed because one or more lines are too long
src/web/tailwind.css
+3 -1
View File
@@ -231,7 +231,9 @@
[full-end]; [full-end];
} }
@media (width >= 40rem) { .dashboard { --gutter:1.5rem; } } @media (width >= 40rem) { .dashboard { --gutter:1.5rem; } }
.dashboard > * { grid-column:content; min-width:0; } /* Grid items never collapse margins, so a child's bottom margin (`.table-filter`, `.rating`) would add to
the next child's `mt-4`; the rhythm comes from top margins only. `!important` beats those utilities. */
.dashboard > * { grid-column:content; min-width:0; margin-bottom:0 !important; }
.dashboard > .scroll-x { grid-column:wide; } .dashboard > .scroll-x { grid-column:wide; }
.dashboard > .scroll-x > table { .dashboard > .scroll-x > table {
width:auto; width:auto;