saulteafarmer/mkstack
1
0
Fork 0
mirror of https://gitlab.com/soapbox-pub/mkstack.git synced 2025-08-26 20:49:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

more potential mobile sizing fixes for vh

Browse Source
This commit is contained in:
Chad Curtis 2025-07-14 07:44:12 +00:00
parent 0484b10a96
commit 4c129251c7
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/WalletModal.tsx
View File

@ -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>

4
src/components/ZapDialog.tsx
View File

@ -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">