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

fix(rcart): ensure Generate QR button is reachable on mobile 

The payment request form button was cut off on mobile because the shell
uses height:100vh with overflow:hidden on #app. Add padding-bottom to
the .page container so the button scrolls into view within the flex
overflow:auto content area.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Jeff Emmett 2026-04-03 02:56:53 +00:00
parent d8e954dfb6
commit f469f3f40d
1 changed files with 3 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
modules/rcart/components/folk-payment-request.ts
View File

@ -792,8 +792,11 @@ class FolkPaymentRequest extends HTMLElement {
.share-success { color: #4ade80; font-size: 0.8125rem; margin-top: 0.5rem; }
.share-error { color: #f87171; font-size: 0.8125rem; margin-top: 0.5rem; }
.page { padding-bottom: 2rem; }
@media (max-width: 600px) {
:host { padding: 1rem 0.75rem; max-width: 100%; }
.page { padding-bottom: 6rem; }
.page-title { font-size: 1.25rem; }
.page-subtitle { font-size: 0.8125rem; margin-bottom: 1.25rem; }