Webstar/LibrePortal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ux(setup): align dev strip content with the cards above

Browse Source 
Bump the dev strip's horizontal padding 14px -> 18px to match
.setup-level-card's content inset, so the strip icon/text sit on the
same left edge as the card titles above it instead of ~4px inboard.
Padding sides (not an icon margin) keeps the whole row aligned and
leaves the top/bottom entrance animation untouched.

Signed-off-by: librelad <librelad@digitalangels.vip>
This commit is contained in:
librelad 2026-05-28 14:27:48 +01:00
parent 6bf7e29fe8
commit 7b786aae45
1 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
containers/libreportal/frontend/css/setup-wizard.css
View File

@ -1126,7 +1126,10 @@ body.setup-wizard-open {
display: flex;
align-items: center;
gap: 12px;
padding: 12px 14px;
/* 18px sides match .setup-level-card's content inset, so the strip's
icon/text line up with the cards above. (Top/bottom stay 12px; the
entrance keyframes animate only those, not the sides.) */
padding: 12px 18px;
border-radius: 12px;
background: linear-gradient(135deg, rgba(var(--accent-rgb), 0.16) 0%, rgba(var(--accent-rgb), 0.05) 100%);
border: 1px solid rgba(var(--accent-rgb), 0.5);