jeffemmett
/
rspace-online
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(rcart): center form pages with margin auto instead of flex 

The flex centering on main:has() was causing the subnav to shrink-wrap
and the page content to left-align on desktop. Use margin: 0 auto on
the components directly so the subnav stays full-width.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Jeff Emmett 2026-03-12 18:59:01 -07:00
parent f0cc50a060
commit 45c2130980
1 changed files with 6 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
modules/rcart/components/cart.css
View File

@ -4,13 +4,10 @@ main {
padding: 0; padding: 0;
} }
/* Center narrow form pages (payment request, payment page, group buy) */ /* Center narrow form pages — use margin auto so subnav stays full-width */
main:has(folk-payment-request), folk-payment-request,
main:has(folk-payment-page), folk-payment-page,
main:has(folk-group-buy-page), folk-group-buy-page,
main:has(folk-payments-dashboard) { folk-payments-dashboard {
display: flex; margin: 0 auto;
flex-direction: column;
align-items: center;
justify-content: center;
} }