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;
}
/* Center narrow form pages (payment request, payment page, group buy) */
main:has(folk-payment-request),
main:has(folk-payment-page),
main:has(folk-group-buy-page),
main:has(folk-payments-dashboard) {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
/* Center narrow form pages — use margin auto so subnav stays full-width */
folk-payment-request,
folk-payment-page,
folk-group-buy-page,
folk-payments-dashboard {
margin: 0 auto;
}