Fix payment QR edits and mobile payment sheet keyboard gap.

Persist payment QR business fields on update, handle is_active correctly, and keep the amount bottom sheet flush to the screen while moving with the keyboard on iOS. Co-authored-by: Cursor <cursoragent@cursor.com>
2026-06-07 23:16:55 +00:00
parent 2b81462e39
commit 99dae20743
6 changed files with 219 additions and 57 deletions
@@ -67,6 +67,39 @@ html.qr-mobile-page body {
    background-color: #fff;
 }

+/* Payment QR landing: lock scroll and keep the amount sheet flush to the screen bottom */
+@media (max-width: 767px) {
+    html.mini-payment-page,
+    html.mini-payment-page body {
+        overflow: hidden;
+        width: 100%;
+        height: 100%;
+    }
+
+    html.mini-payment-page body {
+        position: fixed;
+        inset: 0;
+    }
+
+    .mini-payment-sheet {
+        position: fixed;
+        inset-inline: 0;
+        bottom: 0;
+        z-index: 20;
+    }
+
+    .mini-payment-bottom-bleed {
+        position: fixed;
+        inset-inline: 0;
+        bottom: 0;
+        z-index: 19;
+        pointer-events: none;
+        background-color: #fff;
+        height: calc(12rem + env(safe-area-inset-bottom, 0px));
+        min-height: 8rem;
+    }
+}
+
 .mobile-stats-card {
    width: calc(66.666667% - 0.5rem);
 }