From 4c129251c788103be1d3dc4e35ccf174d5800d65 Mon Sep 17 00:00:00 2001
From: Chad Curtis <chad@chadwick.site>
Date: Mon, 14 Jul 2025 07:44:12 +0000
Subject: [PATCH] more potential mobile sizing fixes for vh

---
 src/components/WalletModal.tsx | 2 +-
 src/components/ZapDialog.tsx   | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/WalletModal.tsx b/src/components/WalletModal.tsx
index e6725f8..c5fd8b2 100644
--- a/src/components/WalletModal.tsx
+++ b/src/components/WalletModal.tsx
@@ -269,7 +269,7 @@ export function WalletModal({ children, className }: WalletModalProps) {
             </Button>
           )}
         </DrawerTrigger>
-        <DrawerContent className="max-h-[90vh]">
+        <DrawerContent className="h-full">
           <DrawerHeader className="text-center relative">
             {/* Close button */}
             <DrawerClose asChild>
diff --git a/src/components/ZapDialog.tsx b/src/components/ZapDialog.tsx
index fb2709b..89d1c4b 100644
--- a/src/components/ZapDialog.tsx
+++ b/src/components/ZapDialog.tsx
@@ -94,7 +94,7 @@ const ZapContent = forwardRef<HTMLDivElement, ZapContentProps>(({
         <div className="flex flex-col justify-center min-h-0 flex-1">
           {/* QR Code */}
           <div className="flex justify-center px-2 sm:px-4">
-            <Card className="p-2 sm:p-4 w-full [@media(max-height:680px)]:max-w-[65vw] max-w-[95vw] sm:max-w-sm">
+            <Card className="p-2 sm:p-4 [@media(max-height:680px)]:max-w-[65vw] max-w-[95vw] sm:max-w-sm mx-auto">
               <CardContent className="p-0 flex justify-center">
                 {qrCodeUrl ? (
                   <img
@@ -374,7 +374,7 @@ export function ZapDialog({ target, children, className }: ZapDialogProps) {
           </div>
         </DrawerTrigger>
         <DrawerContent
-          className={invoice ? "h-[100vh] rounded-none" : "max-h-[95vh]"}
+          className={invoice ? "h-full" : "max-h-[95vh]"}
           data-testid="zap-modal"
         >
           <DrawerHeader className="text-center relative">