mix/selfpost
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

panel: stack Add an application above the list, drop the two-column row

Browse Source 
The side-by-side .split row read badly: main is capped at 48rem, so the
applications table had to live in roughly 27rem and its actions column
squeezed four controls into it.

Put the create form directly above the list instead — the order the
domains page already uses for "Add a sending domain" above "Domains" —
and delete .split, which nothing else used. The empty-state text follows
the same page's wording.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
Микс
2026-08-03 16:21:09 +03:00
parent f5f4bd4551
commit 337c8e8f0e
3 changed files with 33 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files
internal/web/static/panel.css
-7
View File
@@ -49,13 +49,6 @@ button:hover { background: #1d4ed8; }
form.inline { display: inline; margin: 0; }
main { max-width: 48rem; }
.card + .card { margin-top: 1.2rem; }
/* Two cards side by side on a wide viewport; below 52rem the columns collapse
and the grid gap keeps the same vertical rhythm as .card + .card. The inner
margin-top is cleared because the gap already spaces the pair. */
.split { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 1.2rem; align-items: start; }
.split > .card + .card { margin-top: 0; }
.card + .split, .split + .card { margin-top: 1.2rem; }
@media (max-width: 52rem) { .split { grid-template-columns: minmax(0, 1fr); } }
.flash { background: #ecfdf3; border: 1px solid #abefc6; color: #067647; padding: 0.7rem 1rem; border-radius: 8px; margin-bottom: 1.2rem; }
@media (prefers-color-scheme: dark) { .flash { background: #0d2818 !important; border-color: #1a5336 !important; color: #75d99b !important; } }
table { width: 100%; border-collapse: collapse; }