fix: mobile ux audit and stellar flow responsive fixes#43
Conversation
|
@Mitch5000 is attempting to deploy a commit to the truthixify's projects Team on Vercel. A member of the Team first needs to authorize it. |
|
@Mitch5000 Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits. You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀 |
|
The mobile touch-target improvements (h-8 → h-11 for the chain switcher, hamburger button, withdraw form; responsive button stacking) are exactly right and should land. Two things blocking the merge:
Thanks @Mitch5000. |
|
Hello Maintainer, Please review the pull request so as to know if there's anything else to fix. |
Description
This PR addresses the critical mobile UX issues identified during a formal audit of the Stellar Send and Receive flows. The focus was on improving touch targets, input handling, and layout responsiveness for narrow viewports (360px - 412px).
Changes
Mobile Audit: Created docs/MOBILE_AUDIT.md documenting findings and design decisions.
Stellar Send:
Redesigned the Meta-Address input field to prevent "Paste" button overlap.
Added inputMode="decimal" to the amount field for better mobile keyboard behavior.
Stellar Receive:
Implemented a vertically stacked "Withdraw" form for mobile screens to fix horizontal clipping.
Improved layout scalability for tablets (iPad Pro).
Global UI:
Standardized all primary action buttons (Connect, Send, Scan, Withdraw) to a minimum 44px height for accessibility.
Increased hit areas for small components like the ChainSwitcher and CopyButton.
Project Hygiene: Updated .gitignore to exclude package manager lockfile conflicts and cache directories.
SCREENSHOTS

Stellar Send (Iphone 13 mini)
Stellar Receive (Galaxy S22)

Tablet view (Ipad pro)

Closes #16